在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