所以我有一个这样的页面:
<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] 删除。
我来说两句