CSS中有两个冒号符号:单冒号和双冒号,它们有不同的用途。
::before { content: " "; } ::after { content: " "; }
双冒号::before和::after伪元素是用来在一个元素的前面或后面插入内容的。例如,在一个段落前面插入引号,可以使用以下代码:
p::before { content: '"'; } p::after { content: '"'; }
其中,content属性表示要插入的内容。在这个例子中,我们要在段落的前面和后面分别插入双引号。
而单冒号的用法是用于伪类选择器,例如:hover伪类:
a:hover { color: red; }
这个例子表示当鼠标悬停在一个链接上时,链接的文本会变成红色。单冒号和双冒号在伪类和伪元素之间的区别是规范化的,因此建议使用双冒号来定义伪元素。