css选择器应用

来源:互联网 发布:手机淘宝怎么登陆卖家 编辑:程序博客网 时间:2024/05/29 13:07

应用一:
改变除了最后一个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选择器参考