CSS中有兩個冒號符號:單冒號和雙冒號,它們有不同的用途。
::before { content: " "; } ::after { content: " "; }
雙冒號::before和::after偽元素是用來在一個元素的前面或后面插入內容的。例如,在一個段落前面插入引號,可以使用以下代碼:
p::before { content: '"'; } p::after { content: '"'; }
其中,content屬性表示要插入的內容。在這個例子中,我們要在段落的前面和后面分別插入雙引號。
而單冒號的用法是用于偽類選擇器,例如:hover偽類:
a:hover { color: red; }
這個例子表示當鼠標懸停在一個鏈接上時,鏈接的文本會變成紅色。單冒號和雙冒號在偽類和偽元素之間的區別是規范化的,因此建議使用雙冒號來定義偽元素。