CSS应该工作取决于html类名结构

Question

如果类名结构<td class="green red">Red bg</td>在这里需要红色bg

如果类名结构<td class="red green">Green Bg</td>需要绿色bg

jsFiddle

我更喜欢CSS方式

由于

Answer 1

您可以使用“ends-with”属性选择器，如：

tr td[class$='green'] {
    background: green;
}
tr td[class$='red'] {
    background: red;
}

http://jsfiddle.net/AAXv6/

Answer 2

您可以使用以下代码

[class="green red"] {
    background-color: red;
}

[class="red green"] {
    background-color: green;
}

Answer 3

tr td[class="red green"]
{
    background:  red;  
}
tr td[class="green red"] 
{
    background: green ;
}

Answer 4

css首先根据第一规则渲染，然后根据第二规则渲染为红色＆amp;绿色是两个不同的类。

Answer 5

tr td[class="red green"]
{
    background-color:  red;  
}
tr td[class="green red"] 
{
    background-color: green ;
}