Que signifie le sélecteur CSS ?

le sélecteur CSS fait référence au sélecteur CSS, qui est utilisé pour faire correspondre les éléments DOM dans les pages Web. Les sélecteurs couramment utilisés peuvent être divisés en sélecteurs de nom de balise, sélecteurs de classe, sélecteurs d'identifiant, sélecteurs dérivés et sous-sélecteurs. Sélecteurs d'éléments, sélecteurs de regroupement et sélecteurs de pseudo-éléments.

L'environnement d'exploitation de cet article : système Windows10, CSS3, ordinateur Thinkpad T480.

Recommandé : "Tutoriel vidéo CSS"

le sélecteur CSS fait référence au sélecteur CSS, qui est utilisé pour faire correspondre les éléments dom de la page Web. défini comme : Sélecteur {style}. Le "sélecteur" spécifie l'objet du "style" dans {}, c'est-à-dire les éléments de la page Web sur lesquels le "style" agit.

Pour utiliser CSS afin d'obtenir un contrôle un-à-un, un-à-plusieurs ou plusieurs-à-un des éléments d'une page HTML, vous devez utiliser des sélecteurs CSS. Les éléments des pages HTML sont contrôlés via des sélecteurs CSS.

Chaque définition de style CSS se compose de deux parties, sous la forme suivante :

selector {property: value}
选择器{属性:属性值}
//即 选择器{样式}

La partie avant {} est le "sélecteur". Le "sélecteur" spécifie l'objet du "style ()" dans {}, c'est-à-dire les éléments de la page Web sur lesquels le "style" agit. Il peut s'agir d'une balise HTML ou d'une balise avec un identifiant ou une classe spécifique.

Pour faire simple : la fonction principale de CSS est de définir des styles pour les éléments dom dans la page Web, et le sélecteur est utilisé pour faire correspondre les éléments dom.

Les sélecteurs couramment utilisés peuvent être divisés en : sélecteur de nom de balise, sélecteur de classe, sélecteur d'identifiant, sélecteur dérivé, sélecteur d'élément enfant, sélecteur de groupe, sélecteur de pseudo-élément.

Remarques lors de l'utilisation des sélecteurs CSS :

L'interprétation du CSS étant descendante, pour la même description d'attribut d'un élément, celle placée en dessous écrasera celle située au dessus. , il faut donc faire attention à l'ordre d'écriture lors de la sélection des éléments, tels que :

a:visited {color: #00FF00; text-decoration: none}
a:hover {color: #FF00FF; text-decoration: underline}

En utilisant cet ordre d'écriture, que le lien ait été visité ou non, du moment que la souris passe sur le lien, le lien Ils deviendront tous bleus et soulignés. Cependant, si l'ordre d'écriture suivant est utilisé :

a:hover {color: #FF00FF; text-decoration: underline}
a:visited {color: #00FF00; text-decoration: none}

Si le lien a été visité, il ne deviendra pas bleu et souligné lorsque vous passerez la souris sur le lien, mais restera vert.

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!