scoped问题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>教程</title>
<style type="text/css">
h1 {color:green;}
p {color:black;}
</style>
</head>
<body>
<div>
<style type="text/css" scoped>
h1 {color:red;}
p {color:blue;}
</style>
<h1>这个标题是红色的</h1>
<p>这个段落是蓝色的。</p>
</div>
<h1>这个标题是绿色的</h1>
<p>这个段落是黑色的。</p>
<p><b>注意:</b> 只有 Firefox属性支持 scoped 属性 。</p>
</body>
</html>scoped属性是不是可以理解为，他只对他的“父元素”和“同级元素”生效？ 祖先元素和父元素的同级都不生效？可以这么理解吗。
现在是不是没有浏览器支持这个属性了？我用火狐测不出来效果。是我理解有问题嘛。。
15
收起
正在回答
1回答
同学你好，scoped属性可以理解为只对他的“父元素”和“同级元素”生效，也就是在div这个区域内的：
现在火狐高版本浏览器不支持这个属性了，最高支持到61版本：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星