使用Less重复邻接选择器

时间:2017-08-17 04:57:25

标签: css less

鉴于以下css选择器,是否可以使用Less来重复模式任意次数?

循环看起来可行,但我找不到任何类似的例子。

.page-section {
    background-color: #FFFFFF;
}

.page-section + page-section {
    background-color: #F7F7F7;
}

.page-section + page-section + page-section {
    background-color: #FFFFFF;
}

1 个答案:

答案 0 :(得分:0)

据我所知,LESS中的循环只能生成完整的规则集(selector + block),不能仅用于生成选择器。

你的目标是设计奇怪和均匀的元素吗?然后你可以使用伪选择器来避免这种循环:

.page-section                 { background-color: #FFFFFF; }
.page-section:nth-child(even) { background-color: #F7F7F7; }

Working fiddle