優先級:由高到低(從上到下)
!important
內聯(1,0,0,0)
id: (0,1,0,0)
類:(0,0,1,0)
偽類/屬性
元素:(0,0,0,1)
通配符
類選擇器
class="web",多個元素可以擁有同一個類名
id選擇器
id="web",具有唯一性
偽類選擇器
CSS偽類(pseudo-class)是加在選擇器后面的用來指定元素狀態的關鍵字。
鏈接相關
a:link 未訪問的鏈接
a:visited 已訪問的鏈接
a:hover 鼠標移動到鏈接上
a:active 選定的鏈接
:target 可用于選取當前活動的目標元素,href="#222"(內容跳轉)
表單元素相關
:focus 偽類在元素獲得焦點時向元素添加特殊的樣式
:disabled 匹配每個被禁用的元素(大多用在表單元素上)。
:enabled 表示任何啟用的(enabled)元素
:checked 匹配每個已被選中的 input 元素(只用于單選按鈕和復選框)(只有opera支持)
父子相關
:empty 代表沒有子元素的元素,只計算元素結點及文本(包括空格),注釋、運行指令不考慮在內。
:first-child 代表了某個元素,這個元素是它父元素的的第一個子元素
新聞熱點
疑難解答