Maison >interface Web >tutoriel HTML >Trois sélecteurs de style courants pour CSS dans la production de pages HTML_HTML/Xhtml_Web

Trois sélecteurs de style courants pour CSS dans la production de pages HTML_HTML/Xhtml_Web

WBOY
WBOYoriginal
2016-05-16 16:40:011455parcourir

1 : Sélecteur de balises

Le sélecteur de balises est efficace pour toutes les balises avec une certaine balise. Ici, nous prenons p comme exemple, c'est-à-dire que tout ce qui est marqué avec p aura ce style


Copier le code
Le code est le suivant :




p{font:"宋体"; couleur :#FF0000}


Ce que je montre maintenant, c'est le sélecteur de balises


J'utilise également le sélecteur de balises


Je ne suis modifié par aucun sélecteur




2 : sélecteur d'identifiant , notez que le sélecteur d'identifiant est unique, car seul id="yy" a ce style, et l'identifiant d'un élément dans une page doit être unique, donc . . . Savez-vous que le sélecteur d'identifiant commençant par # est : id=""


Copier le code
Le code est le suivant :




#yy{font:"宋体"; couleur:#FF0000}



Ce que je montre maintenant, c'est le sélecteur d'identifiant


Je ne suis pas modifié par le sélecteur d'identifiant


Je ne suis modifié par aucun sélecteur




3 : Sélecteur de classe , le sélecteur de classe commence par . Il suffit de mettre le class="" de l'élément pour afficher ce style.


Copier le codeLe code est le suivant :



.yy{font:"宋体"; couleur:#FF0000}



Ce que je montre est le sélecteur de classe


Je ne suis pas modifié par le sélecteur de classe


Je ne suis modifié par aucun sélecteur





Déclaration:
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