HTML+CSS Démarrage facile avec le sélecteur d'ID

À certains égards, les sélecteurs d'ID sont similaires aux sélecteurs de classe, mais il existe quelques différences importantes

Syntaxe :

# nom d'identifiant {

Style

}

Sensible à la casse

Veuillez noter que les sélecteurs de classe et les sélecteurs d'ID peuvent être sensibles à la casse. Cela dépend de la langue du document. HTML et XHTML définissent les valeurs de classe et d'ID comme étant sensibles à la casse, donc la casse des valeurs de classe et d'ID doit correspondre à la valeur correspondante dans le document

Exemple :

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>ID选择器</title>
	<style type="text/css">
			#div{
				color:green;
				font-family:隶书;
				font-size:18px;
			}
	</style>
</head>
<body>
		<div id="div">中华民族伟大复兴!</div>
</body>
</html>

id selector et class Quelle est la différence entre les sélecteurs

Contrairement aux classes, les sélecteurs d'ID sont utilisés une et une seule fois dans un document HTML.
Contrairement aux sélecteurs de classe, les sélecteurs d'ID ne peuvent pas être utilisés ensemble car l'attribut ID n'autorise pas une liste de mots séparés par des espaces.
Par exemple : <div class ="class1 class2 class2"></div>C'est-à-dire que la classe peut être égale à une liste de plusieurs classes
Write id = "div1 div2 ", c'est-à-dire qu'il ne peut y avoir qu'un seul identifiant, pas comme l'attribut class

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ID选择器</title> <style type="text/css"> #div{ color:green; font-family:隶书; font-size:18px; } </style> </head> <body> <div id="div">中华民族伟大复兴!</div> </body> </html>

soumettre Réinitialiser le code

Opération automatique

HTML+CSS Démarrage facile avec le sélecteur d'ID

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]