首頁猿問 HTML5的新屬性 scoped...

HTML5的新屬性 scoped 加上和不加有什么區(qū)別呢？

Html5

那些歡笑已過去 2017-01-13 11:51:13

并沒有感覺scoped加上之后會有哪里不一樣，求大神講解

查看完整描述

1 回答

MarlboroKay

TA貢獻(xiàn)189條經(jīng)驗(yàn) 獲得超236個贊

具有scoped屬性的樣式只會應(yīng)用到當(dāng)前元素和其子元素。Inline樣式仍然比scoped樣式優(yōu)先級高，所以，最好避免使用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>

望采納！

反對回復(fù) 2017-01-13