使用 CSS,如何设置单个单元格或单个列的格式?
问问题
13375 次
7 回答
6
使用ID
选择器仅定位页面的一个元素,在本例中为表格单元格:
<tr>
<td id="foo"></td>
</tr>
然后在 CSS 中:
#foo
{
//-- CSS styling goes here just for this element only
}
该井号 ( #
) 将该名称选择器标记为属于id
. 您可以进一步将其锁定在样式表中,以仅应用于具有该 ID 的 TD 单元格,如下所示:
td#foo
{
//-- CSS styling goes here just for this element only
}
如果您将rowspan
属性添加到 中TD
,您将能够将其变成一列并保留您可能设置的样式。
<td id="foo" rowspan="3"></td>
如果您使用前面的句点 (.) 标记 CSS 选择器名称,如下所示:
.foo
{
//-- CSS styles
}
它将class
以 HTML 中的选择器为目标,如果将 CSS 类属性应用于标签,则可以设置多个匹配元素的样式,如下所示:
<tr>
<td class="foo"></td>
<td class="foo"></td>
<td class="foo"></td>
</tr>
CLASS
除非它在页面上出现多次,否则不要使用。
于 2009-08-19T12:58:01.933 回答
4
给单元格一个类名并设置类的样式。
<td class="cellClass">test</td>
.cellClass { color: #a9a9a9 }
于 2009-08-19T12:56:35.647 回答
1
对于表格单元格,您需要为其提供某种标识符,以便您可以引用它。根据您的需要,这将是一个类或一个 ID。
<td class="specialCell">...</td>
在您的 CSS 中,您可以应用不同的格式:
.specialCell { color: red; }
如果您想对列应用不同的样式,则有<col>
标签,但浏览器支持有限。您可能最好手动将该类应用于所有元素(或使用 Javascript)
于 2009-08-19T12:57:58.703 回答
1
查看 HTML<col>
和<colgroup>
标签,它们允许您一次将格式应用于整个列或相邻的列组。
于 2009-08-19T13:00:18.843 回答
1
您可以设置适用的样式COLGROUP
:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
#special { background:yellow }
</style>
</head>
<body>
<table>
<colgroup></colgroup>
<colgroup id="special"></colgroup>
<tr>
<td>a</td>
<td>1</td>
</tr>
<tr>
<td>b</td>
<td>2</td>
</tr>
</table>
</body>
</html>
于 2009-08-19T13:04:21.447 回答
0
给单元格/列一个类或 id 并使用 css 对其应用格式
于 2009-08-19T12:56:40.933 回答
0
您可以为一列分配两个名称。前任
<div class="foo"></div>
<div class="foo bar"></div>
<div class="foo"></div>
div.foo { color: #fff; }
div.bar { background-color: green; }
也许这可以解决你的问题?
于 2009-08-19T13:09:42.083 回答