唯一兼容style标签scoped属性的火狐浏览器对:scope样式选择器的兼容性问题?

龙腾道
  • 472
<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却无此问题。

回复
阅读 3.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏