源自：-
display:inline;行内显示失败？
视频中老师写css时，将li的样式设为display:inline;时没有效果，设置为display:inline-block;时才ok。
我测了一下是因为受到之前的一段代码
*:after,*:before{
display: block;
content:"";
}
的影响，这段注释掉时，li的display：inline；也能在一行里显示了。
但是，这是 为什么呢 ？
提问者：决明
2015-03-07 16:02
个回答
-
- 慕斯8234454
- 2020-05-11 10:57:13
因当"li" display：inline 时 此设置优先级差于*:after,*:before,所以 li 只能以块级排列
所以当注释掉*:after,*:before后li的display：inline优先级最高当以行级排列 "li"