開始CSS
CSS依賴於模式匹配規則來確定哪種樣式適用於文檔中的哪個元素。 這些模式稱為選擇器 ,它們的範圍從標籤名稱(例如,p以匹配段落標籤)到與文檔的非常特定部分相匹配的非常複雜的模式(例如,p#myid> b.highlight會將任何b標籤與一類突出顯示,它是id id myid的段落的孩子)。
CSS選擇器是CSS樣式調用的一部分,用於標識網頁的哪一部分應被樣式化。 選擇器包含一個或多個屬性,用於定義如何對選定的HTML進行樣式設置。
CSS選擇器
有幾種不同類型的選擇器:
- 類型選擇器 - 匹配特定元素
- 類選擇器 - 與特定類匹配的元素
- ID選擇器 - 將元素與特定ID進行匹配
- 後代選擇器 -匹配特定元素的後代的元素
- 子選擇器 - 與特定元素的子元素匹配的元素
- 通用選擇器 - 匹配任何元素
- 相鄰的兄弟選擇器 - 匹配元素緊接在特定元素之前
- 屬性選擇器 - 具有特定屬性或屬性值的匹配元素
- 偽類選擇器 - 具有特定偽類的匹配元素
- 偽元素選擇器 - 匹配具有特定偽元素屬性的元素
格式化CSS樣式和CSS選擇器
CSS樣式的格式如下所示:
選擇器{樣式屬性:樣式; }
用逗號分隔具有相同樣式的多個選擇器。 這稱為選擇器分組。 例如:
selector1 , selector2 {style property:style; }
分組選擇器是保持CSS樣式緊湊的簡寫機制。
上述分組的作用與以下相同:
selector1 {style property:style; }
selector2 {style property:style; }
總是測試你的CSS選擇器
並非所有的瀏覽器都支持所有的CSS選擇器。 所以一定要在盡可能多的操作系統上盡可能多的瀏覽器中測試你的選擇器。 但是,如果你使用CSS 1或CSS2選擇器,你應該沒問題。