Comment définir le style CSS non

藏色散人
Libérer: 2023-01-04 09:35:13
original
2342 Les gens l'ont consulté

Comment définir le style CSS : créez d'abord un nouveau fichier html ; puis utilisez la balise li pour créer une liste, et définissez la classe de la deuxième balise li sur mycss ; transmettez le nom de la balise li et le sélecteur ":not" peut sélectionner les éléments li dont la classe n'est pas mycss.

Comment définir le style CSS non

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Utilisez le sélecteur ":not" en CSS pour définir les styles

Créez un nouveau fichier html nommé test.html pour expliquer comment utiliser ":not" en CSS "Le sélecteur définit le style.

Comment définir le style CSS non

Dans le fichier test.html, utilisez la balise li pour créer une liste de tests.

Comment définir le style CSS non

Dans le fichier test.html, définissez la classe de la deuxième balise li sur mycss.

Comment définir le style CSS non

Dans la balise css, sélectionnez l'élément li dont la classe n'est pas mycss via le nom de la balise li et le sélecteur ":not".

Comment définir le style CSS non

Dans la balise css, utilisez l'attribut color pour définir la couleur du texte de l'élément li qui répond aux conditions du sélecteur sur rouge.

Comment définir le style CSS non

Ouvrez le fichier test.html dans le navigateur pour voir l'effet.

Comment définir le style CSS non

[Apprentissage recommandé : Tutoriel vidéo CSS]

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:
css
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