it-swarm.com.ru

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

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

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

39
pixeltocode

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

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

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

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

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

42
Pointy

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

1
Tom

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

Смотрите http://www.w3.org/TR/REC-CSS1/#list-style

0
Stuart Memo