（教程）css中的偽元素和偽類得的區別
更新時間：2024-05-17 21:24:48作者：佚名
CSS中“::”的意思是“...”，是一個偽元素，用于創建一個偽元素并將其設置為所選元素的第一個子元素，將其插入到該元素的其他內容中。 以前，語法是“::{樣式代碼}”。
本教程的運行環境：系統，CSS3&&HTML5版本，Dell G3電腦。
css中::是什么意思
在CSS中，::是一個偽類元素英語作文，代表生成的內容元素，代表對??應元素的可抽象樣式的第一個子元素，即：被選擇元素的第一個子元素。
可以使用::將要插入的內容插入到元素的其他內容之前，默認會內聯顯示。 ::需要屬性來指定內容的值。
::使用場景（比如在元素前面添加圖標）
2019/11/29 15:35:51
//在這前面加一個小鬧鐘的圖標就可使用::befor
登錄后復制
.test::before
{
content: url(./1597910280(1).png);
}
登錄后復制
相同點：
1.偽類對象，用于設置對象之前的內容
2. :: 和 : 在書寫上是等效的。
不同之處：
:是Css2的寫法，::是Css3的寫法
:比::兼容性更好hover是什么意思，但在H5開發中建議使用::。
闡明：
1. 偽類元素應與屬性一起使用
2、偽類元素是CSS渲染層添加的，無法通過JS操作。
3.偽類物體特效通常通過：hover偽類樣式激活
我覺得這個有點雞肋，你可以用也可以不用。
偽元素和偽類的區別：偽類用于選擇DOM樹之外的信息hover是什么意思，或者不能用簡單選擇器表示的信息。 前者包括那些與指定狀態匹配的元素，例如:,:; 后者包括 DOM 樹中滿足某些邏輯條件的元素，例如：first-child、:first-of-type、:。 CSS 偽類用于為某些選擇器添加特殊效果。
偽元素是未在 DOM 樹中定義的虛擬元素。 與其他選擇器不同的是，它不以元素為最小選擇單位，而是選擇元素的指定內容。例如::表示選擇
選擇元素內容的前一個內容，即“”;::表示選擇元素的選中內容。 CSS 偽元素用于為某些選擇器設置特殊效果。
2）語法差異
在CSS3中，偽類和偽元素的語法也不同。 偽元素被修改為以 :: 開頭。 但由于歷史原因，瀏覽器繼續支持以:開頭的偽元素，但建議以::開頭的標準格式編寫。
3) 偽類/偽元素列表
:
選擇正在激活的元素
：徘徊
選擇鼠標懸停的元素
：關聯
選擇未訪問過的元素
:
選擇已經訪問過的元素
：第一個孩子
選擇作為其父元素的第一個子元素的元素
:郎
選擇具有指定 lang 屬性的元素
：重點
選擇具有鍵盤輸入焦點的元素
:
選擇每個激活的元素
:
選擇每個禁止元素
:
選擇每個選定的元素
:
選擇當前錨元素
：：第一的-
選擇指定元素的第一個單詞
：：第一行
選擇指定元素的第一行
：：后
在指定元素的內容后面插入內容
::
在指定元素的內容之前插入內容
::
選擇用戶在指定元素中選擇的內容
偽類與類具有相同的優先級，偽元素與標簽具有相同的優先級。 對了，優先級怎么判斷，一般都是！ > 內聯樣式 > ID 選擇器 > 類選擇器 > 標記 > 通配符 > 繼承 > 瀏覽器默認屬性。 還有一個簡單的計算方法。 內聯樣式表的權重是1000，ID選擇器的權重是100，Class選擇器的權重是10，HTML標簽選擇器的權重是1，而權重實際上并不是以十進制來計算的。 數字表示只是為了說明這個想法。 我們可以在選擇器中添加規則并比較權重。 權重越大，優先級越高。 如果權重相同，則前面的樣式將被后面的樣式替換。 覆蓋。