伪元素after和before是否可以嵌套?
W3C有相关的标准
4.2.1. Nesting '::before' and '::after' pseudo-elements
The selector '::before::before' represents a pseudo-element contained at the start of a pseudo-element contained at the start of an element. For example, the following rules: div { content: 'A' } div::before { content: 'B'; } div::before::before { content: 'C'; } ...would result in the following rendering objects:
,-----------------------.
| ,---------. |
| | ,---. | |
| | | C | B | A |
| | `---' | |
| `---------' |
`-----------------------'
但是Chrome里试了一下好像没效果?什么浏览器支持?还是哪里没写对?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
请看这个:
https://stackoverflow.com/que...
虽然嵌套伪元素(伪类)在议案中提到过,但是那个议案被抛弃了。所以说,现在应该是没有嵌套伪元素(伪类)的,也就是说应该是没有浏览器实现过这个功能。