HTML+CSS Mudah untuk Bermula dengan Pemilih ID

Dalam beberapa cara, pemilih ID adalah serupa dengan pemilih kelas, tetapi terdapat beberapa perbezaan penting

Sintaks:

# nama id {

Gaya

}

Sensitif huruf besar/kecil

Sila ambil perhatian bahawa pemilih kelas dan pemilih ID mungkin sensitif huruf. Ini bergantung pada bahasa dokumen. HTML dan XHTML mentakrifkan nilai kelas dan ID sebagai peka huruf besar-kecil, jadi kes kelas dan nilai ID mesti sepadan dengan nilai yang sepadan dalam dokumen

Contoh:

<!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 pemilih dan kelas Apakah perbezaan antara pemilih

  1. Tidak seperti kelas, pemilih ID akan digunakan sekali dan sekali sahaja dalam dokumen HTML.

  2. Tidak seperti pemilih kelas, pemilih ID tidak boleh digunakan bersama kerana atribut ID tidak membenarkan senarai perkataan yang dipisahkan dengan ruang.

    Contohnya: <div class ="class1 class2 class2"></div>Maksudnya, kelas boleh sama dengan senarai berbilang kelas
    Tulis id = "div1 div2 ", iaitu, hanya boleh ada satu id, bukan seperti atribut kelas

Meneruskan pembelajaran
||
<!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>
  • Cadangan kursus
  • Muat turun perisian kursus