css中偽類及偽對象指的是什么

本篇內容主要講解“css中偽類及偽對象指的是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“css中偽類及偽對象指的是什么”吧!

在css中，偽類是定義元素特殊狀態的意思，可以添加一些選擇器的特殊效果，是css內置類css內部本身賦予的一些特性和功能；偽對象是將特殊的效果添加到某些選擇器的意思，效果可以通過添加實際的元素來實現。

本教程操作環境：windows10系統、CSS3&&HTML5版本、Dell G3電腦。

css中偽類及偽對象是什么意思

偽類

css偽類是用于定義元素的特殊狀態

CSS偽類是用來添加一些選擇器的特殊效果。

解釋：在感覺上偽類可以是動態的，當用戶和文檔進行交互的時候一個元素可以獲取或者失去一個偽類。例外的是":first-child"能通過文檔樹推斷出來，":lang"在一些情況下也在從文檔樹中推斷出來。

由此可以看出，它的功能和class有些類似，但它是基于文檔之外的抽象，所以叫偽類。 [1]

偽類有：:first-child ，:link:，vistited，:hover:，:active，:focus，:lang，:right，:left，:first

何為偽類?就是css內置類css內部本身賦予它一些特性和功能，也就是你不用再class=...或id=...你就可以直接拿來使用，當然你也可以改變它的部分屬性比如：a:link{color:#FF0000;}

CSS很多的建議并沒有得到瀏覽器的支持，但有四個可以安全用在超鏈接上的偽類。

偽類的語法：

selector:pseudo-class {
  property: value;
}

偽對象

偽元素：用于將特殊的效果添加到某些選擇器

css偽元素代表了某個元素的子元素，這個子元素雖然在邏輯上存在，但卻并不實際存在于文檔樹中。

偽元素用于創建一些不在文檔樹中的元素，并為其添加樣式。實際上，偽元素就是選取某些元素前面或后面這種普通選擇器無法完成的工作?？刂频膬热莺驮厥窍嗤?，但它本身是基于元素的抽象，并不存在于文檔結構中。比如說，我們可以通過:before來在一個元素前增加一些文本，并為這些文本添加樣式。

偽元素的語法：

selector::pseudo-element{property:value;}
標簽：偽元素{性質:值;}

CSS類也可以與偽元素配合使用：

selector.class::pseudo-element{property:value;}
標簽類：偽元素{性質:值;}

到此，相信大家對“css中偽類及偽對象指的是什么”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！