css选择器 列表样式

html-css09

css选择器 列表样式,第1张

举一个简单的ul，li的列表例子，实现如下效果：

常规写法（使用last-child选择器）：

写法2（使用not选择器）:

写法2（使用+选择器）:

相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。

<ul><li></li></ul>有序

<ul><lo></lo></ul>无序

属性：list-style

list-style-type：设置列表项标志的类型（none就是前面没有小圆点）

list-style-image：将图象设置为列表项标志。

list-style-position：设置列表中列表项标志的位置