如何使第一行黑色和第二列红色

我想给一个css类行，我想使第一列黑色和第二列红色。我不想使用colgroup，因为这是一个行的具体行为不应该是整个表的影响。谢谢。如何使第一行黑色和第二列红色

2012-03-04 rematnarab

难道你们就不能只给每一个小区的类和风格的CSS？ – AlexKempton 2012-03-04 13:27:02

你可以使用：

td { color: black; } 
td:nth-child(2) { color: red; }

来源

2012-03-04 13:26:43 Qtax

如果没有CSS3，这样可以更好地支持浏览器。 – Smamatti 2012-03-04 13:30:38

您需要创建2种类型的CSS。
为每一行添加所需的CSS。

来源

2012-03-04 13:26:24 Ofer

1 /哪种类型的CSS？你的意思是CSS规则？ 2 /你是说你在每行的前两个单元格上添加样式属性？只要有可能就更好地将CSS与HTML分开（并且可能在这里） – FelipeAls 2012-03-04 22:13:56

，这个CSS可以在将来再次使用 – Ofer 2012-03-05 06:56:24

CSS3中你可以使用:nth-child()伪类。

来源

2012-03-04 13:27:27 m02ph3u5

这可能没有CSS3！

样品
http://jsfiddle.net/Q3yu5/1/

CSS

tr.special_row td { 
    background-color: #000; 
} 

tr.special_row td + td { 
    background-color: #f00; 
} 

tr.special_row td+td+td { 
    background-color: #fff; 
}

HTML

<table> 
<tr class="special_row"> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
</tr> 
</table>

来源

2012-03-04 13:29:53 Smamatti

+1，这可能比“nth-child”更好。 – Qtax 2012-03-04 16:24:09

恐怕这不是@rematnarab正在寻找的东西。我没有记住，不应该影响整个桌子。编辑'tr'到更具体的规则。 – Smamatti 2012-03-04 18:33:25

只是一个说明：我需要你的**上一个**版本的代码。 +1查看日志！ – 2014-03-13 20:46:52

...这是一个行的具体行为不应该是整个表的影响。

然后将不同的风格给定行的第一个和第二列可能是有用的：

<style type="text/css"> 
    td.first 
    { 
     background-color: black; 
     color: white; 
    } 
    td.second 
    { 
     background-color: red; 
     color: white; 
    } 
</style> 
<table> 
    <tr> 
     <td class="first">1st row, 1st column</td> 
     <td class="second">1st row, 2nd column</td> 
    </tr> 
    <tr> 
     <td>2nd row, 1st column</td> 
     <td>2nd row, 2nd column</td> 
    </tr> 
</table>

来源

2012-03-04 13:34:58 Juvanis

+1哎呀。你是对的！ - >'不应该影响整个桌子 – Smamatti 2012-03-04 18:31:38

如何使第一行黑色和第二列红色

回答

相关问题