Maison > Article > interface Web > Explication détaillée de l'utilisation des sélecteurs de classe CSS3 combinés avec des sélecteurs d'éléments et des sélecteurs multi-classes
Explication détaillée de l'utilisation des sélecteurs de classe CSS3 combinés avec des sélecteurs d'éléments et des sélecteurs multi-classes
- 高洛峰original
- 2017-03-09 18:44:521805parcourir
Cet article explique en détail l'utilisation des sélecteurs de classe CSS3 qui combinent des sélecteurs d'éléments et des sélecteurs multi-classes
Sélecteurs de classe CSS3 qui combinent des sélecteurs d'éléments et des sélections multi-classes Utilisation :
<!DOCTYPE html>
<html>
<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>
<div>看我</div>
<p>我就是我</p>
<p>我是一段文字</p>
<p class="p1 p2">我还是斜体字</p>
</body>
</html>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!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Exemple de code pour implémenter des effets de rotation de cube 3D à l'aide de CSSArticle suivant：Exemple de code pour implémenter des effets de rotation de cube 3D à l'aide de CSS