HTML5的新属性 scoped 加上和不加有什么区别呢？

Question

并没有感觉scoped加上之后会有哪里不一样，求大神讲解

Answer 1

具有scoped属性的样式只会应用到当前元素和其子元素。Inline样式仍然比scoped样式优先级高，所以，最好避免使用inline样式，下面是将几种样式混合到一起比较它们的作用效率范围：<div class="democontain lazy "> <style scoped> div { border: 1px solid green; margin-bottom: 20px; min-height: 40px; } .democontain { background: #f8f8f8; } </style> <div></div> <div style="border-color: pink;"> <style scoped> div { background: lightblue; border: 1px solid blue; } </style> <div></div> </div> <div></div> </div>望采纳！