css选择器 列表样式

html-css014

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

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

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

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

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

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

属性选择器是这样的

li[data-type='list'],li[data-level='']{display:none !important}

 你这个最好再加一个属性

<li class='jschartli hiddenli' data-level='' data-type=''></li>

.hiddenli{display:none !imporant}

或者

<li class='jschartli' data-level='' data-type='' data-hidden='1'></li>

li[data-hidden='']{display:none !important}