在CSS語法中雙冒號（：:)對單冒號（:) :)

div::after {}和div:after {}之間有什麼不同？我們何時必須使用::而不是:？在CSS語法中雙冒號（：:)對單冒號（:) :)

雙冒號和單冒號表示區分僞類和僞元素。

區分僞類和僞元素是什麼意思？

來源

2017-01-26 Alice

支持雙冒號每一個瀏覽器（：:) CSS3語法也支持剛（:)語法，但IE 8僅支持單冒號，所以現在，建議您只使用單冒號來獲得最佳瀏覽器支持。

::是較新的格式，用於區分僞內容和僞選擇器。如果您不需要IE 8支持，請隨意使用雙冒號。

僞內容像:after和:before

僞元件（選擇器根據CSS-技巧）像::first-letter，::first-line，::nth-child等

僞類像:hover，:active

2017-01-26 06:01:23

將僞內容與僞選擇器區分開來究竟意味着什麼？ – Alice

更新回答解釋差異 –

哇，CSS技巧稱他們爲「僞內容」和「僞選擇器」？這是一個新的低點。這個答案也會得到可怕的錯誤 - 儘管引用了*明顯的*說到單雙冒號，你繼續使用單冒號作爲所謂的「僞選擇器」，最重要的是，你提供了完全不正確的例子「first 「和」最後「。 – BoltClock

僞類： 它由瀏覽器自動應用，具體取決於元素的位置或其交互狀態。

例如：

E:hover匹配類型E的元件當光標盤旋在它。

僞元素： 它是適用樣式基於其在HTML層次中的位置的內容。

例如：

E::first-letter這應用於一個風格到第一行的第一個字母一個塊級元件E.

所以，

的CSS3選擇內部規範使用兩個冒號而不是一個冒號前綴僞元素。因此，第一個字母變成::第一個字母，第一個字母變成：第一個字母。 IE 8和更早版本不理解雙冒號前綴，因此您需要使用單冒號版本以避免舊版瀏覽器中的樣式中斷。

2017-01-26 06:03:35 Ehsan

回答