<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却无此问题。