唯一兼容style标签scoped属性的火狐浏览器对:scope样式选择器的兼容性问题?
<div>
<style scoped>
:scope>div>a:hover{color:red;}
</style>
<div><a>xxx</a></div>
</div>
上面是无效写法,改成下面就行了,:scope选择器后面不能跟>选择器,否则后面的:hover选择器无效。
<div>
<style scoped>
:scope div>a:hover{color:red;}
</style>
<div><a>xxx</a></div>
</div>
这有什么更为深刻的原理吗?以便于对火狐的渲染有更好的理解
相反,不支持scoped指令却支持:scope选择器(不过总是指向<html>)的chrome却无此问题。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论