javascript - 使用 LESS 的 CSS nth-child 调节?

标签 javascript css 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 生成的样式表的一部分(我更喜欢它,因此出现了这个问题)。

最佳答案

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

关于javascript - 使用 LESS 的 CSS nth-child 调节?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12354322/

相关文章:

html - 列不会与 Bootstrap 水平对齐

ruby-on-rails - 使用 twitter-bootstrap-rails gem 进行 less 的 Bootstrap 覆盖不生效?

css - Less CSS 关键字和语法的完整列表?

css - VS 2010 - 我需要扩展来编辑 LESS 样式表

javascript - Terser RegExp 捕捉分组词的备选集合

css - 为什么同级 div 元素呈现为其中一个元素的子元素

javascript - 比较 Javascript 中的日期字符串

如果我将浏览器最小化得太小,jquery 移动表单输入字段会奇怪地调整大小

javascript - Flowtype 中的 ES6 map

javascript - 带滚动的视差和振动背景图像