css选择器应用

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