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

唯一兼容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却无此问题。

【热门文章】
【热门文章】