我已经明确地将我的ul
元素设置为具有list-style-type: disc
. 中的li
元素会ul
自动继承此样式。换句话说,disc
每个li
元素之前都应该有项目符号(这就是它的意思)。
ul {
list-style-type: disc; /* Does not work */
}
li {
display: block;
}
<ul>
<li>Foo</li>
<li>Bar</li>
<li>Baz</li>
</ul>
Firefox Inspector devtool 正确识别li
列表中的所有元素都具有属性的(继承的)值 'disc' list-style-type
。
但是,如果您运行代码片段,您还可以看到,光盘(即项目符号)实际上并未显示在浏览器表示中。相反,列表显示为如同list-style-type
定义为none
(即在li
元素前面没有看到项目符号或任何符号)。
我想知道这怎么可能:浏览器显示(没有项目符号)似乎list-style-type: disc
与 Inspector 工具中正确显示的声明直接矛盾。
有人对 Inspector 工具(正确)所说的内容与实际浏览器表示之间的明显矛盾有解释吗?