加号选择器(ul>li + li)

<head>
    <meta charset="UTF-8">
    <title>+ selector</title>
    <style>
        ul > li {
            line-height: 30px;
            font-size: 20px;
        }
       /*ul下li下面的所有兄弟节点li*/
        ul > li+ li {
            color: red;
        }

        /*ul下li.item2下紧挨着的li，如果紧挨着的不是li,则无效果*/
        ul > li.item2 + li {
            color: red;
        }
    </style>
</head>

<body>
<ul>
    <li></li>
    <li class="item2"></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
</body>

巴特西

加号选择器(ul>li + li)

最新文章

热门文章