css选择器 列表样式

html-css016

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

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

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

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

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

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

后面的文字设置成text-indent：比图片大一点。（你可以给所有的li添加一个类名，然后在这一类名下，统一设置text-indent缩进值）

text-indent 属性规定文本块中首行文本的缩进。