使用CSS,如何设置单个单元格或单个列的格式？

Question

Answer 1

使用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
}

它将定位classHTML中的选择器,如果将CSS类属性应用于标记,则可以设置多个匹配元素的样式,如下所示:

 <tr>
  <td class="foo"></td>
  <td class="foo"></td>
  <td class="foo"></td>
 </tr>

CLASS除非在页面上出现多次,否则请勿使用.