为表格中的单元格设置CSS
我在为表格中的单元格设置CSS,css,Css,我在div中有一个table，id为table1和div1 我想为表格中的单元格设置CSS CSS块看起来像什么？像这样 div1.table1{ } #表1 td{…} 英镑意味着接下来是一个id，在你的例子中是表1。后面的td表示“表1的后代的任何td” 编辑：为了最有效地使用选择器，请使用#table1>tr>td{…}#table1 td{…} 英镑意味着接下来是一个id，在你的例子中是表1。后面的td表示“表1的后代的任何td” 编辑：要获得最有效的选择器，请使用#table1>t
divtabletable1div1div1.table1{
}
#表1 td{…}#table1>tr>td{…}#table1 td{…}编辑：要获得最有效的选择器，请使用
#table1>tr>td{…}#div1 #table1 tr td {
}
#table1 tr td {
}
#table1 td {
}
后两种方法将为id为“table1”的任何元素设置样式（而不仅仅是id为“table1”的元素在id为“div1”的元素内部）如果您试图尽可能具体：
#div1 #table1 tr td {
}
#div1 #table1 td
{
...
}
#table1 tr td {
}
#table1 td {
}
#div1 #table1 td
{
...
}
<div id="div1">
<table id="table1">
...
</table>
</div>
<div id="div1">
<table id="table1">
...
</table>
</div>
#div1 #table1 td{ }
#div1 #table1 td{ }
# = ID
. = class
nothing = tag
#div1 table td{ }
<div id="div1"><table></table></div>
#div1表td{}
# = ID
. = class
nothing = tag
#div1 table td{ }
<div id="div1"><table></table></div>
#div1表td{}
您实际上不需要为表创建新id。这取决于您的div中是否有多个表，以及这些表是否会有所不同，但从您的问题来看，这会更好。如果id是table1和div1，那么您可以使用#符号表示正在使用“元素”（#div1，#table1）。如果已将它们标记为类，则使用句点（.div1，.table1）。ID应每页使用一次，类可以反复使用。在这种情况下，您可能需要的只是
#table1 td{}#table1 td{}#table1 tr td{
}
#div1 #table1 tr td{
}
#table1 td{
}
#div1 tr td{
}
#div1 table td{
}
您可以使用空格分隔标记。其中任何一个都可以：
#table1 tr td{
}
#div1 #table1 tr td{
}
#table1 td{
}
#div1 tr td{
}
#div1 table td{
}
您可以使用空格分隔标记。或者，如果您的表是由某个服务器端脚本生成的，您也可以将CSS类显式地添加到表行中，如
<table...>
<tbody>
<tr class="odd">
<td>..</td>
<td>..</td>
</tr>
<tr class="even">
<td>..</td>
<td>..</td>
</tr>
</tbody>
</table>
..
..
..
..
<table...>
<tbody>
<tr class="odd">
<td>..</td>
<td>..</td>
</tr>
<tr class="even">
<td>..</td>
<td>..</td>
</tr>
</tbody>
</table>
..
..
..
..
/* all td in the page */
td { color: '#aaaaaa' }
/* all td in table with id table1 */
#table1 td { color: '#bbbbbb' }
/* all td in a div that contains this table with this id */
div #table1 td { color: '#cccccc' }
/* all td in this specific div that contains this specific table */
#div1 #table1 td { color: '#dddddd' }
这取决于您希望的精确程度。CSS代表层叠样式表，因此以下规则将从上到下层叠到最具体的样式表：
/* all td in the page */
td { color: '#aaaaaa' }
/* all td in table with id table1 */
#table1 td { color: '#bbbbbb' }
/* all td in a div that contains this table with this id */
div #table1 td { color: '#cccccc' }
/* all td in this specific div that contains this specific table */
#div1 #table1 td { color: '#dddddd' }
#div1#table1是冗余的，因为只有一个表具有给定的id。实际上，您正在导致浏览器使用效率低下的选择器花费更多的时间。#div1#table1是冗余的，因为只有一个表具有给定的id。实际上，您正在导致浏览器使用效率低下的选择器花费更多的时间。“ID为table1和div1”。