CSS2中引入了偽類,可以用來選擇文檔中的元素,根據元素的狀態或者特征來進行樣式的設定。偽類使用單個冒號(:)進行標記,使用方法為在選擇器后面添加冒號,后面跟上偽類的名稱。
/* 偽類使用示例 */ a:hover { color: red; } input:invalid { border: 2px solid red; }
在CSS2中,除了偽類外,還引入了偽元素。偽元素用來對某個元素的特定部位進行樣式設定,比如一個段落的首字母、一個表格的第一個單元格。
偽元素使用雙冒號(::)進行標記,使用方法與偽類類似,在選擇器后面添加雙冒號,后面跟上偽元素的名稱。
/* 偽元素使用示例 */ p::first-letter { font-size: 2em; font-weight: bold; } table::first-child td:first-child { font-weight: bold; }
需要注意的是,雖然在CSS2中偽元素使用雙冒號進行標記,但是在CSS3中,雙冒號也可以使用于偽元素,同時也保留在偽類中的用法,兩者在語法上沒有明確的區別,但在實際使用中建議按照標準方式進行書寫。
上一篇huangyi vue
下一篇css3 執行一次