display:inline;行內(nèi)顯示失?。?/h1>
視頻中老師寫css時，將li的樣式設(shè)為display:inline;時沒有效果，設(shè)置為display:inline-block;時才ok。
我測了一下是因?yàn)槭艿街暗囊欢未a
*:after,*:before{
?? ?display: block;
?? ?content:"";
}
的影響，這段注釋掉時，li的display：inline；也能在一行里顯示了。
但是，這是 為什么呢 ？
視頻中老師寫css時，將li的樣式設(shè)為display:inline;時沒有效果，設(shè)置為display:inline-block;時才ok。
我測了一下是因?yàn)槭艿街暗囊欢未a
*:after,*:before{
?? ?display: block;
?? ?content:"";
}
的影響，這段注釋掉時，li的display：inline；也能在一行里顯示了。
但是，這是 為什么呢 ？
2020-05-11
因當(dāng)"li"?display：inline 時 此設(shè)置優(yōu)先級差于*:after,*:before,所以 li 只能以塊級排列
所以當(dāng)注釋掉*:after,*:before后li的display：inline優(yōu)先級最高當(dāng)以行級排列 "li"