CSS樣式中多種樣式進行疊加,哪個的權限高?
<style type="text/css">
span{
? ?color:red;
}
p{
? ?font-size:10px;/*設置文字字號*/
? ?color:bleck;/*設置文字顏色*/
}
</style>
<style type="text/css">
span{
? ?color:red;
}
p{
? ?font-size:10px;/*設置文字字號*/
? ?color:bleck;/*設置文字顏色*/
}
</style>
2017-03-16
舉報
2017-03-16
一般情況是內聯樣式級別最高,內嵌其次,外部最低,如果同一元素在三個樣式中都有設定則為多重樣式的情況
在選擇器的情況下,內聯樣式的權重是1000,ID選擇器的權重是100,class選擇器的權重是10.標簽選擇器的權重是1,
如果權重相同則使用就近原則,后大于前
在同一組屬性設置中標有“!important”規則的優先級最大
2017-08-15
<h1>123<h1>
2017-03-16
就近原則。
該情況下,span里的內容跟著span的格式走,不顯示p格式。
2017-03-16
離被設置元素越近優先級別越高
2017-03-16
內聯式>嵌入式>外部式,但是這三種方式采用就近原則
2017-03-16
就近原則