display:inline;行内显示失败？
来源：-
决明
2015-03-07 16:02
视频中老师写css时，将li的样式设为display:inline;时没有效果，设置为display:inline-block;时才ok。
我测了一下是因为受到之前的一段代码
*:after,*:before{
display: block;
content:"";
}
的影响，这段注释掉时，li的display：inline；也能在一行里显示了。
但是，这是 为什么呢 ？
写回答
关注
1回答
-
- 慕斯8234454
- 2020-05-11 10:57:13
因当"li" display：inline 时 此设置优先级差于*:after,*:before,所以 li 只能以块级排列
所以当注释掉*:after,*:before后li的display：inline优先级最高当以行级排列 "li"
CSS3实现漂亮ToolTips效果
CSS3 实现鼠标悬停弹出信息提示框，学习达到对CSS3深入了解的目的
42722 学习 · 101 问题
相似问题