使用LESS进行CSS nth-child调节?

时间:2012-09-10 14:57:50

标签: javascript css css3 less

假设我有一个列表,其中包含由类确定的默认和活动状态,例如:

<li class="item">
    item1
</li>
<li class="item active">
    item2 active
</li>
<li class="item active">
    item3 active
</li>
<li class="item">
    item4
</li>

我需要根据列表中的活动项是否相邻添加一些额外的样式 - 如上例所示,对于item2和item3都是如此,它们都是活动的,但如果是item2和item4则不会是真的。

我知道如何使用纯JavaScript来确定这一点,但不确定它是否可以成为LESS生成的样式表的一部分(我更喜欢这个问题)。

1 个答案:

答案 0 :(得分:3)

CSS中没有任何内容可以涵盖这两者:http://www.w3.org/TR/css3-selectors/#combinators。 LESS可能提供的任何东西都是js扩展名。