在CSS语法中双冒号(::)对单冒号(:) :)

div::after {}div:after {}之间有什么不同?我们何时必须使用::而不是:?在CSS语法中双冒号(::)对单冒号(:) :)

双冒号和单冒号表示区分 伪类和伪元素。

区分伪类和伪元素是什么意思?

回答:

从https://css-tricks.com/almanac/selectors/a/after-and-before/:

支持双冒号每一个浏览器(::) CSS3语法也 支持刚(:)语法,但IE 8仅支持单冒号, 所以现在,建议您只使用单冒号来获得最佳浏览器支持 。

::是较新的格式,用于区分伪内容和 伪选择器。如果您不需要IE 8支持,请随意使用 双冒号。

伪内容像:after:before

伪元件(选择器根据CSS-技巧)像::first-letter::first-line::nth-child

伪类像:hover:active

回答:

伪类: 它由浏览器 自动应用,具体取决于元素的位置或其交互状态。

例如:

E:hover匹配类型E的元件当光标 盘旋在它。

伪元素: 它是适用样式基于其在HTML层次中的位置的内容 。

例如:

E::first-letter这应用于一个风格到第一行的第一个字母一个块级 元件E.

所以,

的CSS3选择内部规范使用两个冒号而不是一个冒号前缀伪元素。 因此,第一个字母变成::第一个字母,第一个字母变成:第一个字母。 IE 8和更早版本不理解双冒号前缀,因此您需要使用 单冒号版本以避免旧版浏览器中的样式中断。

以上是 在CSS语法中双冒号(::)对单冒号(:) :) 的全部内容, 来源链接: utcz.com/qa/262581.html

回到顶部