Maison  >  Article  >  interface Web  >  À quoi ressemble le sélecteur de classe CSS (code)

À quoi ressemble le sélecteur de classe CSS (code)

(*-*)浩
(*-*)浩original
2019-11-23 16:31:142982parcourir

À quoi ressemble le sélecteur de classe CSS (code)

En CSS, le sélecteur de classe est affiché avec un point :               (Apprentissage recommandé : 🎜>Dans l'exemple ci-dessus, tous les éléments HTML avec le centre la classe est centrée.

Dans le code HTML ci-dessous, les éléments h1 et p ont la classe centrale. Cela signifie que les deux obéiront aux règles du sélecteur ".center".

.center {text-align: center}

Remarque : les chiffres ne peuvent pas être utilisés comme premier caractère du nom de la classe ! Cela ne fonctionnera pas dans Mozilla ou Firefox.

Comme id, la classe peut également être utilisée comme sélecteur dérivé :

<h1 class="center">
This heading will be center-aligned
</h1>
<p class="center">
This paragraph will also be center-aligned.
</p>

Dans l'exemple ci-dessus, le nom de classe fantaisie est constitué de cellules de tableau plus grandes à l'intérieur du L’élément affichera un texte orange sur un fond gris. (Un élément plus grand nommé fantaisie pourrait être une table ou un div) Les éléments

peuvent également être sélectionnés en fonction de leur classe :

.fancy td {
	color: #f60;
	background: #666;
	}

ci-dessus Dans l'exemple, la table la cellule avec le nom de classe fantaisie sera orange avec un fond gris.

td.fancy {
	color: #f60;
	background: #666;
	}
Vous pouvez attribuer une classe fantaisie à n'importe quel élément de table autant de fois que vous le souhaitez. Les cellules marquées de fantaisie seront orange avec un fond gris. Les cellules auxquelles aucune classe nommée fantaisie n’est affectée ne sont pas affectées par cette règle.

Il convient également de noter que les paragraphes avec une classe fantaisie ne seront pas orange avec un fond gris. Bien entendu, tous les autres éléments marqués comme fantaisie ne seront pas affectés par cette règle. Tout cela est dû à la façon dont nous avons écrit cette règle, l'effet est limité aux cellules de tableau marquées comme fantaisie (c'est-à-dire en utilisant l'élément td pour sélectionner la classe fantaisie).

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!

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