使用JQuery将CSS添加到多个类

Question

我试图添加

.km-android div.km-view {
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
}

在javascript中遇到特定条件时。

我已尝试添加

$('.km-android, div.km-view').css('-webkit-box-direction', 'normal');       
$('.km-android, div.km-view').css('-webkit-flex-direction', 'column');

但是没有任何建议会很好

由于

Answer 1

在你的JS中，你有,，它没有出现在CSS中。试试：

$('.km-android div.km-view').css('-webkit-box-direction', 'normal');       
$('.km-android div.km-view').css('-webkit-flex-direction', 'column');

甚至更简单：

$('.km-android div.km-view').css({
    '-webkit-box-direction': 'normal',
    '-webkit-flex-direction': 'column'
});

然而Nick R有权 - 将此CSS放在另一个类中，如果遇到条件，只需将此类添加到元素中，所以：

.met-conditions {
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
}

和JS：

$('.km-android div.km-view').addClass('met-conditions');

Answer 2

尝试：

$('.km-android div.km-view').css({'-webkit-box-direction': 'normal','-webkit-flex-direction': 'column' });  

Answer 3

从jQuery选择器中删除逗号。您还可以使用驼峰案例属性：

$('.km-android div.km-view').css({
    webkitBoxDirection: 'normal',
    webkitFlexDirection: 'column'
});