Lesson03_02 Sélecteur de règles de style_Tutoriel de base

Sélecteur de règles de style

Auteur : Loncer D'autres ressources d'apprentissage sont disponibles sur : wwww.loncer.cn

• Sélecteur HTML

  est la balise HTML utilisée comme sélecteur, de sorte que dans toutes les pages Web où CSS est appliqué, toutes les balises HTML seront affichées selon les instructions définies

  .
• Sélecteur de classe
  Pour diviser chaque élément de page Web créé par une balise HTML en plusieurs catégories, définissez la classe de cette balise HTML sur différentes valeurs :
  Par exemple :

  例如:
  

  ---

  p1

  
  

  p2

  
  

  p3

  样式定义如下:
  

  ---

  p1

  p2

  p3

  Le style est défini comme suit :
  

• Remarque : Si le sélecteur est défini dans la feuille de style, Directement suivie du nom de la classe (.), cette règle de style s'applique à toutes les balises HTML avec class=ce nom de classe

  网页中:
  text here

  样式定义如下:
  

  Autrement dit, le sélecteur de classe est divisé en deux catégories :
• 
  .
  
  Sélecteur de classe associé : Nom de la balise HTML. Nom de la classe (différentes règles peuvent être définies pour un même élément).
  Sélecteur de classe indépendant : .Nom de classe (les mêmes règles de style peuvent être définies pour différents éléments ).
• Sélecteur d'ID L'attribut ID est utilisé pour définir un élément HTML spécifique. Un seul élément dans un fichier de page Web peut utiliser une certaine valeur d'ID.

  Dans la page Web :
  texte ici

  Le style est défini comme suit :
  
  Les sélecteurs associatifs font référence à une chaîne composée de deux ou plusieurs sélecteurs simples séparés par un espace Par exemple :
  p em {background: yellow>où "p em" C'est le sélecteur d'association, ce qui signifie que l'arrière-plan du contenu entre la paire de balises dans la paire de balises

  est jaune et que le contenu de la paire de balises ailleurs ne sera pas affecté. Remarque : Les règles définies par les sélections associées ont une priorité plus élevée que les règles définies par un seul sélecteur.

Sélecteurs combinés Afin de réduire les déclarations répétées dans les feuilles de style, plusieurs sélecteurs peuvent être combinés dans une seule définition de règle de style Exemple : H1, H2, H3, H4, H5, H6, TD{color:red}. Le sélecteur de pseudo-élément fait référence à une manière de définir différents états d'un même élément HTML et d'une partie du contenu qu'il contient. Le format est le suivant : Élément HTML : Pseudo-élément périodique {attributs : valeur🎜> Le sélecteur de classe peut être utilisé avec des pseudo-éléments : Élément HTML : nom de la classe : pseudo-élément {attribut : valeur> .