在CSS中,我們可以通過選擇器來標識樣式。每個選擇器都代表一個或多個HTML元素,我們可以為這些元素定義特定的樣式。
以下是一些常見的選擇器類型:
標簽選擇器: p { color: red; } 類選擇器: a.hover { color: blue; } ID選擇器: #logo { width: 100px; } 后代選擇器: section p { font-size: 18px; } 子選擇器: ul >li { list-style: none; } 通用選擇器: * { margin: 0; padding: 0; } 偽類選擇器: a:hover { color: green; }
除了選擇器外,我們還可以使用屬性選擇器、偽元素以及偽類等對樣式進行更精細的控制。
例如,屬性選擇器可以根據HTML元素的特定屬性來選取元素:
input[type="text"] { background-color: #eee; }
偽元素是一種虛構的HTML結構,我們可以針對它們單獨定義樣式:
p::after { content: "Click me!"; }
偽類選擇器用來控制元素的特定狀態,例如鼠標懸停時的樣式:
a:hover { text-decoration: underline; }
在CSS中,選擇器的作用是非常重要的,通過選擇器我們可以對HTML元素進行到精細的控制,定義出更符合實際需求的樣式效果。