Хотя можно приложить свойства списков к любому элементу, они подействуют только на те элементы, для которых свойство display имеет значение list-item. Обычно единственным тегом, удовлетворяющим такому условию, является тег <li>.
Однако это не должно оттолкнуть вас от использования подобных свойств где либо еще, особенно с тегами <ul> и <ol>. Поскольку они наследуются от родительских элементов, в которых были установлены, модифицируя свойства списков для тегов <ol> и <ul>, вы модифицируете их и для тегов <li>, содержащихся в соответствующем списке. Это значительно облегчает создание списков с определенным внешним видом.
К примеру, допустим, что вы хотите создать стиль списка, применяющий строчные римские цифры. Один способ состоит в том, чтобы определить класс для тега <li> с подходящим значением свойства list-style-type:
li.roman {list-style-type: lower-roman}
Внутри списка вам придется специфицировать использование этого класса для каждого элемента:
<ol>
<li>Пункт один</li>
<li>Пункт два</li>
<li>И так далее</li>
</ol>
Необходимость повторять имя класса вызывает скуку и чревато ошибками. Лучшим решением будет определить класс для тега <ol>:
ol.roman {list-style-type: lower-roman}
Каждый тег <li> списка унаследует это свойство и будет помечен строчными римскими цифрами:
<ol>
<li>Пункт один</li>
<li>Пункт два</li>
<li>И так далее</li>
</ol>
Это гораздо легче понять, да и проще управиться. Если когда-нибудь в будущем понадобится изменить стиль нумерации, вам придется устанавливать другие значения свойства только в теге <ol> вместо того, чтобы находить и править каждое вхождение тега <li> в список.
Более того, работа с такими характеристиками может оказать и глобальное воздействие. Установив значения свойств списков для тега <body>, вы измените внешний вид всех списков в документе. Установка этих свойств в теге <div> повлияет на все списки раздела.
Самый большой город в мире – Нью-Йорк называют городом контрастов и чудом урбанизации.
Хотите сделать что-нибудь своими руками? Сайт мастера-ломастера поможет советом и описанием.