Maison > Article > interface Web > Explication détaillée de l'utilisation des sélecteurs multi-classes CSS3
Explication détaillée de l'utilisation des sélecteurs multi-classes CSS3
- php中世界最好的语言original
- 2018-03-22 10:17:132105parcourir
Cette fois, je vous apporte une explication détaillée de l'utilisation du sélecteur de classe CSS3 , et quelles sont les précautions lors de l'utilisation du sélecteur multi-classe CSS3. Voici les pratiques. cas. Jetons un coup d'oeil.
Le code suivant vous présente la combinaison des sélecteurs de type CSS3 sélecteur d'élément et l'utilisation de sélecteurs multi-types. Le code spécifique est le suivant :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.p2{font-size:30px;}
/*结合元素选择器*/
p.p1{color:rebeccapurple;}
/*多类选择器*/
.p1.p2{font-style: italic;}
</style>
</head>
<body>
<p class="p1">看我</p>
<p class="p1">我就是我</p>
<p class="p2">我是一段文字</p>
<p class="p1 p2">我还是斜体字</p>
</body>
</html>
<.>Croyez-le Après avoir lu le cas dans cet article, vous maîtrisez la méthode. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois ! Lecture recommandée :
Liste de prix pour l'implémentation de Bootstrap
Comment CSS gère-t-il le style par défaut du navigateur
CSS propose plusieurs façons d'implémenter une mise en page à trois colonnes
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!