Quels types de feuilles de style CSS existe-t-il ? Quelle est la priorité du sélecteur ?

青灯夜游
Libérer: 2023-01-07 11:45:56
original
4058 Les gens l'ont consulté

Il existe trois types de feuilles de style CSS : les feuilles de style en ligne, les feuilles de style internes et les feuilles de style externes. La priorité du sélecteur est : "Sélecteur universel>Sélecteur d'élément>Sélecteur de classe>Sélecteur d'attribut>Pseudo-classe>Sélecteur d'ID>Style en ligne".

Quels types de feuilles de style CSS existe-t-il ? Quelle est la priorité du sélecteur ?

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Quels sont les types de feuilles de style CSS ?

Selon l'endroit où les styles CSS sont écrits (ou la manière dont ils sont introduits), les feuilles de style CSS peuvent être divisées en trois catégories suivantes :

1. Feuilles de style en ligne

Le style en ligne signifie placer des styles CSS. directement dans la ligne de code Dans la balise, il est généralement placé dans l'attribut style de la balise. Puisque le style en ligne est directement inséré dans la balise, c'est le moyen le plus direct, et c'est aussi le style le plus gênant à modifier. .

Exemple :

<p style="background-color: #999900">行内元素,控制段落-1</p>
Copier après la connexion

2. Feuille de style interne

La feuille de style interne est contenue dans la balise