更改仅在所需元素中的标记的样式

约翰

所以我有一个这样的页面:

<body>
    <ul>
        <li><span class="first">First</span></li>
        <li><span class="second">Second</span></li>
        <li><span class="third">Third</span></li>
        <li><span class="fourth">Fourth</span></li>
    </ul>
</body>

我想更改仅在第一个和第二个跨度中的“ li”标记的样式。

我试过了.first,.second li{margin-left:10px;},但是没有用。

摇晃

逗号需要分隔COMPLETE元素路径:

.first  li, .second li
{margin-left:10px;}

我已经浪费了足够的时间来解释为什么我没有提到您的格式不正确,以至于在这一点上我也可能会更正您。

<body>
    <ul>
        <li class="first">First</li>
        <li class="second">Second</li>
        <li class="third">Third</li>
        <li class="fourth">Fourth</li>
    </ul>
</body>

CSS:

li.first, li.second {
    margin-left:10px;
}

如果我们真的要去研究这个兔子漏洞并讲授代码,那么不妨提一下,这完全可以不用类来完成:

ul li:nth-child(1), ul li:nth-child(2)
{
    margin-left:10px;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章