Le premier résumé des attributs CSS courants : sélecteurs d'identifiant et de classe

En parlant de sélecteurs, tout le monde les connaît. On estime que les plus couramment utilisés sont le sélecteur d'identifiant et le sélecteur de classe. Quant aux autres sélecteurs, j'éviterai d'en parler ici aujourd'hui.

Sélecteur de classe : donnez un nom fort à l'élément html et marquez-le avec une classe, vous pouvez ensuite utiliser le sélecteur de classe, tel que

paragraphe 1

Par exemple :

< ;p class="p1">
Ce paragraphe sera également aligné au centre.

Exécutez le morceau de code précédent pour modifier l'élément p avec le nom de classe p1. la couleur du texte de est définie sur rouge. N'est-ce pas très simple ? Veuillez expliquer qu'il n'y a aucun effet lorsque le nom de classe de l'élément non-p est p1. Si vous voulez tous les éléments de
avec le nom de classe p1 avoir Pour obtenir l'effet souhaité, vous devez supprimer le nom de l'élément structurel précédent. Les projets d'aujourd'hui sont tous des développements agiles, vous devez donc être prudent lorsque vous utilisez des noms de classe. Au début, les gens se plaignaient souvent des conflits de noms de classe, ce qui entraînait des conflits de styles les uns avec les autres, nous avons donc choisi le projet selon la convention, les noms de classe sont nommés en fonction des fonctions de la page pour éviter les conflits de noms de classe.
Une autre chose à mentionner est le nom multi-classe : comme celui ci-dessus

une classe Il peut y avoir une liste dans la valeur, chaque mot étant séparé par un espace. Ensuite, écrivez les styles un par un et tout ira bien. Quelqu'un ici peut demander : Que se passera-t-il s'il y a

le même style CSS entre plusieurs classes ! Ici, vous lirez les problèmes suivants sur la cascade CSS ! C'est tout pour l'article d'aujourd'hui. La première fois que je l'ai écrit, j'ai peut-être été incohérent, j'ai peut-être simplement écrit ce qui me venait à l'esprit.
Pour un résumé plus initial des attributs CSS courants, le premier : les articles relatifs à l'identifiant et au sélecteur de classe, veuillez faire attention au site Web PHP chinois !