Я явно стилизовал свои элементы ul
так, чтобы они имели list-style-type: disc
. Элементы li
внутри ul
автоматически наследуют этот стиль. Другими словами, перед каждым элементом li
должен стоять маркер (что означает disc
).
ul {
list-style-type: disc; /* Does not work */
}
li {
display: block;
}
<ul>
<li>Foo</li>
<li>Bar</li>
<li>Baz</li>
</ul>
Инструмент разработчика Firefox Inspector правильно распознает, что все li
элементы в списке имеют (унаследованное) значение «диск» для свойства list-style-type
.
Однако, как вы также можете увидеть, если вы запустите фрагмент, диск (то есть маркер) на самом деле НЕ отображается в представлении браузера. Вместо этого список отображается так, как если бы list-style-type
был определен как none
(т. е. перед элементами li
не видно маркера или какого-либо символа).
Мне интересно, как это вообще возможно: кажется, что отображение браузера (без маркера) прямо противоречит объявлению list-style-type: disc
, как правильно показано в инструменте Inspector.
У кого-нибудь есть объяснение очевидного противоречия между тем, что говорит инструмент Inspector (правильно), и фактическим представлением браузера?