CSS中⼀个冒号和两个冒号的区别 单冒号(:)⽤于CSS3伪类，双冒号(::)⽤于CSS3伪元素。伪元素由双冒号和伪元素名称组成。双冒号是在css3规范中引⼊的，⽤于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时⽀持旧的伪类，⽐如:first-line、:first-letter、:before、:after
提醒,如果你的网站只需要兼容webkit、firefox、opera等浏览器,建议对于伪元素采用双冒号的写法,如果不得不兼容IE浏览器,还是用CSS2的单冒号写法比较安全。如果自己不确定的话可以针对某些需要兼容的属性有两种属性。 伪类和伪元素的区别: 伪类 伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不...
单冒号(:)用于css3伪类,双冒号(::)用于CSS3伪元素。伪元素由双冒号和伪元素名称组成。不过浏览器需要同时支持旧 的已经存在的伪元素写法,比如:first-line、:first-letter、:before、:after等,而新的在CSS3中引入的伪元素则不允许再支持旧的单冒号的写法。 2、CSS3新增伪类 两者之间区别 首先说一下伪类和伪元...
4.3 ::first-letter 、::first-line 第一个文字和第一行IE9开始兼容 h5 写法和传统写法区别 • 1. 单冒号 E:before • 2. 双冒号 E::before • 浏览器对以上写法都能识别,双冒号是 h5 的语法规范。 伪元素的注意事项 • 伪元素只能给双标签添加,不能给单标签添加 • 伪元素的冒号前不能有空...
CSS3 选择器规范中,在区分二者上做了一次尝试,改变了语法——伪元素选择器使用两个冒号(::first-line),而伪类依旧使用一个(:hover)。当然,为了向后兼容,浏览器必须支持这两个版本。 是滴,如我所说:卑劣。不过,如果你和我一样是一个 CSS 骇客,我确信你了解伪元素和伪类的区别。 你做的怎么样? 这就是...
2em; } 我们可以使用伪元素(由::标记)来设置元素片段的样式。比如一个段落的第一个字母或者第一行。需要注意的是,这个::伪元素只能用于块状元素。 伪元素由两个冒号组成::: 下面的代码设定了段落中第一个字母的样式: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 p::first-letter { float: left; ...
根据CSS3选择器规范,语法上你应该使用双冒号来::来指定伪类。然而,为了兼容多数浏览器,单冒号也被承认。实际上,在目前的情况下,使用单冒号的选择是明智的。 19. X:hover` div:hover {background: #e3e3e3;} 好吧,这个你一定懂。正式的叫法是用户交互伪类user action pseudo class。听起来有些费解,但实际上...
伪元素可用于定位文档中包含的文本,为与伪类进行区分,伪元素使用双冒号 :: 定义,但单冒号 : 也能被识别。 ::first-line:匹配文本首行; ::first-letter:匹配文本首字母; ::before 与 ::after :使用 contnet 属性生成额外的内容并插入在标记中:
3.::before 和:after 中双冒号和单冒号有什么区别?解释一下这 2 个伪元素的作用。 相关知识点: 单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。(伪元素由双冒号和伪元素名称组成)双冒号是在当前规范中引入的,用于区分伪类和伪元素。不过浏览器需要同时支持旧的已经存在的伪元素写法,比如:first-line、:...
2. #container{width:960px;margin:auto;} 使用#号作为前缀可以选择该的元素。这是最常见的用法,但使用选择器时要谨慎。 问问自己:是否真的需要使用来定义元素的样式? 选择器比较局限,不能重用。如果可以的话,先尝试使用标签名称,HTML5的其中一个新元素,或使用伪类。