您的位置:首页> 实例代码> CSS实例

CSS 选择器前面单双冒号:

2019-6-13 07:47| 作者: admin| 查看: 2184| 评论: 0|来自: 蚂蚁部落

在伪元素与伪类选择器的前面会有冒号的使用。

代码片段如下:

[CSS] 纯文本查看 复制代码
a:hover{
  color:blue;
} 
li:before{
  content:"蚂蚁部落";
  color:red;
}

代码分析如下:

(1).:hover是伪类选择器,前面是一个冒号。

(2).:before是伪元素选择器,前面也是一个冒号。

不过CSS3规定,伪元素选择器前面需要加两个冒号,以便于与伪类选择器区别。

所以上述代码中伪元素选择器推荐的写法如下:

[CSS] 纯文本查看 复制代码
li::before{
  content:"蚂蚁部落";
  color:red;
}

但是由于在CSS3之前就存在伪元素选择器,所以为了兼容低版本浏览器。

伪元素选择器前面可以使一个冒号也可以是两个冒号,如果不考虑低版本浏览器,推荐用两个冒号。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部