Question

我有两个独立的条件来控制文本框的前景色和背景色。条件是完全独立的。一个条件控制前景，另一个条件控制背景。我在JavaScript中设置类，我对如何设置类感到迷茫。

我是否有前景/背景混合的每种可能性的CSS元素，或者是否可以有多个类？

Answer 1

<强> CSS

.backgroundToggled {
}

.foregroundToggled {
}

HTML

<div id='myId'></div>

<强>的Javascript

var element = document.getElementById('myId');
if( /* condition foreground */) { 
   element.className += ' foregroundToggled';
}  
if( /* condition bacground */) { 
   element.className += ' backgroundToggled';
}

或Jquery：

if( /* condition foreground */) { 
   $('myId').addClass('foregroundToggled');
}  
if( /* condition bacground */) { 
   $('myId').addClass('backroundToggled');
}

如果条件前景＆amp;＆amp;条件背景为真，你的div将是：

<div id='myId' class='foregroundToggled backroundToggled'></div>

Answer 2

是的，你可以有多个班级。

的CSS：

.class1{
    background-color: blue;
}
.class2{
    color: red;
}

HTML

<div class="class1 class2"></div>

前景和背景的CSS控制

2 个答案: