Explication détaillée de l'utilisation des sélecteurs multi-classes CSS3-tutoriel CSS-php.cn

Explication détaillée de l'utilisation des sélecteurs multi-classes CSS3

php中世界最好的语言

Libérer： 2018-03-22 10:17:13

original

2150 Les gens l'ont consulté

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>

Copier après la connexion

<.>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!