css 偽類 與 偽元素

2021-08-10 18:15:20 字數 468 閱讀 6469

偽類就是一種虛構的狀態或者說是一種具有特殊屬性的元素,可以使用 css 進行樣式修飾。偽類前面通常加乙個 : ,之後跟上偽類的名字或括號裡面的值。常用的偽類: :link、:visited、:hove、:active、:focus、:first-child、:nth-child() 。

偽元素更像是虛擬的元素可以和 html 元素一樣對待。但它們並不在文件樹和 dom 之中,這意味著我們並沒有真正的指定偽元素,但可以使用 css 建立。常見的偽元素: :before、:after、:first-letter、:first-line 。

單冒號(:)與雙冒號(::)的使用

偽類使用單冒號加偽類名(:link)

css3 之前的偽元素使用單冒號加元素名(:after)

css3 為了區分偽類和偽元素,分別使用:和 :: 標識偽類和偽元素。大多數情況下兩者都可以標識偽元素,有些只接受雙冒號,如::backdrop

css 偽類與偽元素

屬性 描述 link 向未被訪問的鏈結新增樣式。visited 向已被訪問的鏈結新增樣式。hover 當滑鼠懸浮在元素上方時,向元素新增樣式。active 向被啟用的元素新增樣式。focus 向擁有鍵盤輸入焦點的元素新增樣式。first child 向元素的第乙個子元素新增樣式 lang 向帶有指定...

CSS 偽類與偽元素

根據用途分類的偽類總結圖和根據冒號分類的偽元素總結圖 偽類與偽元素 css引入偽類和偽元素概念是為了格式化文件樹以外的資訊 偽類用於當已有元素處於的某個狀態時,為其新增對應的樣式,這個狀態是根據使用者行為而動態變化的。偽元素用於建立一些不在文件樹中的元素,並為其新增樣式。區別 偽類的操作物件是文件樹...

css偽類與偽元素

css偽類 css 偽類用於向某些選擇器新增特殊的效果,語法結構如下 選擇器 偽類 注意 1 若 link visited hover和 active一起使用,hover 必須被置於 link 和 visited 之後,active 必須被置於 hover 之後,即 link visited hov...