Question

我几个小时以来一直在寻找解决方案，我想为奇怪的特殊类添加css。

这就是它的样子。

form
 .form-group
 .form-group.group-inline           //group-inline odd
 .form-group.group-inline
 .form-group
 .form-group
 .form-group
 .form-group.group-inline          //group-inline odd
 .form-group.group-inline
 .form-group
 .form-group


form
 .form-group
 .form-group
 .form-group
 .form-group
 .form-group
 .form-group.group-inline          //group-inline odd
 .form-group.group-inline
 .form-group
 .form-group
 .form-group

所以，我想将css添加到奇数 group-inline 类中。我尝试使用

.group-inline:nth-child(odd)

和

.group-inline:nth-child(2n+1)

但它计算列在一起的每个div。我尝试使用jquery，但它是一样的。

Jquery：第一个选择器工作正常但只适用于第一个类。如果可能，请告诉我。我将无法更改html，因此必须从css本身进行。

您的任何答案都将不胜感激，谢谢。

更新

感谢@ Roamer-1888 这是jsfiddle，https://jsfiddle.net/etb20su3/

Answer 1

如果我理解正确，并且那些.form-group.group-inline元素总是在相邻的对中，那么尝试以下jQuery，这将适用于问题中的层次结构：

$(".form-group.group-inline").filter(function() {
    return $(this).next().hasClass('group-inline');
});

如果我理解正确，并且那些.form-group.group-inline元素总是在相邻的对中，那么请尝试以下jQuery：

$(".form-group.group-inline").filter(function() {
    return $(this).next().hasClass('group-inline');
});

在这里，奇怪是隐含的。

但是，如果.form-group.group-inline个元素对可以是连续的（即四个或六个等），则上述方法将不起作用。你可以试试：

$(".form-group.group-inline").filter(function(index) {
    return (index % 2 == 1);
});

这里，奇怪是明确的，但是＆＃34;：奇数＆＃34;没用过。

将CSS添加到奇怪的特定类

1 个答案: