伪类和伪元素之间有什么区别?
div::after {}
和之间有什么区别div:after {}
?我们什么时候必须使用::
完:
?
双冒号和单冒号表示法是区分伪类和伪元素。
以上声明的实际含义是什么?
回答:
CSS伪类是关键字,其前面带有一个冒号(:),并添加到选择器的末尾,以指定要对选定元素进行样式设置(
。例如,您可能只想在元素被鼠标指针悬停时设置样式,或者在元素被禁用或选中时选中一个复选框,或者是作为其父元素在DOM树中的第一个子元素的元素。
例子:
- :active
- :checked
- :nth-child()
- :first
- :hover
伪元素与伪类非常相似,但是它们有所不同。它们是关键字,这次是两个冒号(::)开头,可以将其添加到选择器的末尾 。
例子:
- ::after
- ::before
- ::first-letter
- ::first-line
- ::selection
- ::backdrop
如@stephanmg所述:
实际上,由于浏览器的兼容性,:: before用作:before,而::
after用作:after。两者都是伪元素,但看起来像伪类。如果您阅读CSS代码,这可能会造成混淆。
以上是 伪类和伪元素之间有什么区别? 的全部内容, 来源链接: utcz.com/qa/425483.html