List
应用场景
列表元素通常指的是 ul
ol
两个元素,当然其他有列表关系的元素也可以。
命名规则
- 先定义列表的样式名
list-[name]
,放在ul
ol
元素上 - 再定义列表元素的样式名
item-[name]
,放在对应的li
元素上
基本实例
<ul class="list-users">
<li class="item-1">Tom</li>
<li class="item-2">Jerry</li>
<li class="item-3">Casey</li>
</ul>
如果要统一对列表元素进行样式设定,只要定义
list-users > li
即可
这种文档真难写!