在CSS中,選擇器(Selector)是設置樣式的關鍵,它決定了要應用某個樣式規則的 HTML 元素,可以根據元素的標簽名、class名或id名來選擇。
標簽選擇器 { 屬性: 值; }
標簽選擇器是最常見的選擇器,它通過 HTML 元素的標簽名來選擇元素。如下代碼會將所有p標簽的字體顏色設置為紅色:
p { color: red; }
在HTML中,有些元素不只是用一次,我們需要對其中的一部分元素設置樣式,這時候就可以使用class選擇器。class 選擇器在 HTML 中被定義為帶有 class 屬性的 HTML 元素。
class選擇器 { 屬性: 值; }
下面的代碼會將所有 class="demo" 的p標簽的字體顏色設置為藍色:
p.demo { color: blue; }
還可以通過組合選擇器選中同時符合多個條件的元素,例如:
p.demo.intro { font-weight: bold; }
這樣的代碼會將所有 class="demo" 且 class="intro" 的p標簽的字體加粗。
除了以上的選擇器,還有眾多的 CSS 選擇器,可以根據需求進行選擇。好的選擇器可以提高代碼的復用性,讓樣式更加清晰易讀。
上一篇mysql 跨庫同步
下一篇css選擇器表格第二列