Maison > interface Web > tutoriel CSS > 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中世界最好的语言
Libérer: 2018-03-22 10:17:13
original
2182 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal