CSS規則有兩個部分,一個是選擇器,一個是聲明。
選擇器是用來選擇HTML元素的,它們可以根據元素的標簽名、類名、id等屬性進行選擇。例如,以下是一個簡單的選擇器:
p { color: red; }上述代碼中的
p
就是選擇器,表示所有的
元素都會應用這個規則。當然,選擇器也可以使用類名和id來選擇元素。例如:.primary { color: blue; } #header { background-color: black; }上述代碼分別使用了類名和id選擇器,
.primary
選擇所有類名為primary
的元素,#header
選擇id為header
的元素。
接下來是聲明部分,這個部分用來定義CSS屬性的值。每個聲明都被包圍在花括號中,每個聲明由屬性和屬性值組成,中間使用冒號分隔。例如:p { color: red; font-size: 16px; }上述代碼中的
color
和font-size
就是屬性,red
和16px
就是屬性值。一個規則可以包含多個屬性聲明,每個聲明用分號分隔。
總結一下,CSS規則包括選擇器和聲明兩個部分。選擇器是用來選擇HTML元素的,而聲明部分則是用來定義CSS屬性的值。正確使用這兩部分才能寫出有效果的CSS規則。