CSS樣式規則是由選擇器和聲明塊組成的。選擇器用于選擇要應用樣式的HTML元素,聲明塊則定義要應用的具體樣式。
選擇器 { 屬性1: 值1; 屬性2: 值2; ... }
例如,下面的代碼定義了一個選擇器和一個聲明塊,將所有的p元素的字體顏色設置為紅色:
p { color: red; }
選擇器可以有多種類型,不同的選擇器適用于不同的情況。如下是常見的一些選擇器:
- 標簽選擇器:使用 HTML 標簽名稱作為選擇器。
- 類選擇器:使用 “.” 加上類名作為選擇器。
- ID選擇器:使用 “#” 加上 ID 名稱作為選擇器。
- 屬性選擇器:使用元素的屬性來選擇元素,如 [href]。
- 偽類選擇器:匹配元素的特殊狀態,如 :hover。
聲明塊由一個或多個屬性-值對組成,每個屬性-值對之間用分號分隔。如下是一個簡單的聲明塊:
color: red; font-size: 16px; text-align: center;
在CSS中,屬性可以被定義多次,并且會被覆蓋。優先級按照以下順序(從高到低):
- !important
- 內聯樣式(在HTML元素上使用style屬性)
- ID選擇器
- 類選擇器/屬性選擇器/偽類選擇器
- 標簽選擇器/通配符選擇器
- 繼承
繼承是指元素可以繼承父元素的某些屬性。如下是一些可以繼承的屬性:
- color
- font-family
- font-size
- line-height
- text-align
- visibility
需要注意的是,不是所有屬性都可以繼承。例如,display和margin就不能繼承。
總之,CSS樣式規則是由選擇器和聲明塊組成的。選擇器用于選擇要應用樣式的HTML元素,聲明塊則定義要應用的具體樣式。