HTML+CSS pengenalan mudah kepada apa itu pemilih

Takrifan

css terdiri daripada dua bahagian:

badan{

Gaya

}

Bahagian sebelum {} ialah " Pemilih", "pemilih" menentukan sasaran "gaya" dalam {}, iaitu elemen dalam halaman web yang "gaya" bertindak pada

badan ialah elemen html, jadi kami turut memanggil ia adalah Pemilih elemen

jadual jadual div dll.

Mari lihat contoh di bawah

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>元素选择器</title>
	<style type="text/css">
		p{
			color:red;
		}

		div{
			color:red;
		}


		span{
			color:red;
		}
	</style>
</head>
<body>
			<p>中国</p>

			<div>美国</div>

			<span>日本</span>
</body>
</html>

Nota: Jika terdapat banyak teg dalam teks dan perlu mempunyai yang sama gaya, maka kita akan menggunakan css Banyak kod berulang mesti ditulis dalam gaya, jadi halaman akan menjadi tidak kemas Mari kita gunakan kaedah untuk menulisnya adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>元素选择器</title>
	<style type="text/css">
		p,div,span{
			color:red;
		}
	</style>
</head>
<body>
			<p>中国</p>

			<div>美国</div>

			<span>日本</span>
</body>
</html>

Kesan daripada menulis dengan cara ini adalah sama seperti di atas, tetapi kodnya akan menjadi sangat kemas

Meneruskan pembelajaran

fail baharu

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素选择器</title> <style type="text/css"> p,div,span{ color:red; } </style> </head> <body> <p>中国</p> <div>美国</div> <span>日本</span> </body> </html>

serahkan Tetapkan Semula Kod

Operasi automatik