Должен ли стиль списка свойств CSS применяться к <ul>/ <ol>или <li>? - PullRequest
39 голосов
/ 09 марта 2010

Большинство сайтов показывают синтаксис применения list-style к <li>, но я видел некоторые учебные сайты (например, этот ), которые применяют list-style к <ul> или <ol>.

Какой «правильный» путь?

Ответы [ 3 ]

42 голосов
/ 09 марта 2010

Согласно справке W3C CSS2, которую можно найти здесь ,

Другим решением было бы указать информацию «стиля списка» только для элементов типа списка:

ol.alpha  { list-style-type: lower-alpha }
ul        { list-style-type: disc }

Наследование будет передавать значения 'list-style' из элементов OL и UL в элементы LI. Это рекомендуемый способ указания информации о стиле списка.

Таким образом, вы можете сделать это на общем уровне списка, если все ваши элементы будут одинаковыми, но вы можете вместо этого сделать это на уровне записи списка, если, например, некоторые записи будут иметь разные глифы (например, квадрат диска), чтобы передать некоторый смысл. Вы также можете сделать и , при этом стиль уровня списка будет использоваться по умолчанию для переопределения (но будьте осторожны с приоритетом селектора!).

1 голос
/ 10 марта 2010

Поскольку отсутствие стиля списка обычно более распространено, чем использование стиля списка, я лично применяю его к обоим в глобальном сбросе в верхней части моей таблицы стилей.

0 голосов
/ 10 апреля 2012

Спецификация рекомендует вам установить его на теги <ul> и <ol>, а не на <li>.

См. http://www.w3.org/TR/REC-CSS1/#list-style

...