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:132151parcourir

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!

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：Utilisation avancée de la pièce jointe en arrière-plan en CSSArticle suivant：Utilisation avancée de la pièce jointe en arrière-plan en CSS

Articles Liés

Voir plus