display:inline;行內顯示失??？
視頻中老師寫css時，將li的樣式設為display:inline;時沒有效果，設置為display:inline-block;時才ok。
我測了一下是因為受到之前的一段代碼
*:after,*:before{
?? ?display: block;
?? ?content:"";
}
的影響，這段注釋掉時，li的display：inline；也能在一行里顯示了。
但是，這是 為什么呢 ？
決明
2015-03-07
1 回答
舉報
0/150
提交
取消
2020-05-11
因當"li"?display：inline 時 此設置優先級差于*:after,*:before,所以 li 只能以塊級排列
所以當注釋掉*:after,*:before后li的display：inline優先級最高當以行級排列 "li"