您的位置：首页 > Web前端 > CSS

css选择器应用

2017-08-03 00:02 211 查看
应用一：

改变除了最后一个ul中的不包括第一个li的余下li元素？好拗口。。。

效果如下：



html如下：

//ul*4>li{测试数据$}*4
<ul>
<li>测试数据1</li>
<li>测试数据2</li>
<li>测试数据3</li>
<li>测试数据4</li>
</ul>

<ul>
<li>测试数据1</li>
<li>测试数据2</li>
<li>测试数据3</li>
<li>测试数据4</li>
</ul>
<ul>
<li>测试数据1</li>
<li>测试数据2</li>
<li>测试数据3</li>
<li>测试数据4</li>
</ul>

<ul>
<li>测试数据1</li>
<li>测试数据2</li>
<li>测试数据3</li>
<li>测试数据4</li>
</ul>


css选择器用法如下：

ul:not(:last-child) li:not(:first-child){
color:red;
}


css选择器参考
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航