使用CSS，如何設置單個單元格或單個列的格式？

4

給單元格一個類名稱和風格的類。

<td class="cellClass">test</td> 

.cellClass { color: #a9a9a9 }

來源

2009-08-19 12:56:35 rahul

+0

CSS標準定義了一個叫做** first-child **的僞類，它可以在不專門使用自定義css類的情況下解決問題，但沒有瀏覽器支持它...... – awe 2009-08-19 13:03:44

+1

該CSS聲明將應用於多個元素。 – random 2009-08-19 13:04:19

+2

在提到的問題中，「只是一個單元格」而不是「第一個單元格」。 – rahul 2009-08-19 13:05:27

0

給電池/列一類或ID和使用CSS格式應用到

來源

2009-08-19 12:56:40 Flo

0

表格單元格，你需要給它某種標識，這樣你可以參考它。根據您的需求，這將是一個類或一個ID。

<td class="specialCell">...</td>

在你的CSS你就可以將不同格式：

.specialCell { color: red; }

如果您希望將不同樣式應用到一列，還有就是<col>標籤，但瀏覽器的支持是有限的。你可能會更好的那類適用於手動的所有元素（或使用Javascript）

來源

2009-08-19 12:57:58 nickf

5

使用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-19 12:58:01 random

+0

像ASP.NET這樣的框架改變了應用於元素的ID。我確信其他人也這樣做。如果您打算推薦使用ID，最好注意這一點。 – krdluzni 2009-08-19 13:04:54

+0

僅基於HTML/CSS編寫的答案似乎沒有提及任何其他框架的使用。 – random 2009-08-19 13:06:30

+0

@krdluzni：該示例爲div標籤指定id，這是一個html標籤。 ASP.NET永遠不會改變html標籤的id，但.NET標籤的ID（例如：** asp：Button **）可能會在生成的html標籤上產生不同的id。 – awe 2009-08-19 13:14:58

1

查看HTML和<colgroup>標籤，它們允許您一次對整列或相鄰列組應用格式。

來源

2009-08-19 13:00:18

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-19 13:04:21

0

可以分配兩個名稱的列。 ex

<div class="foo"></div> 
<div class="foo bar"></div> 
<div class="foo"></div> 

div.foo { color: #fff; } 
div.bar { background-color: green; }

也許這可以解決您的問題？

來源

2009-08-19 13:09:42

使用CSS，如何設置單個單元格或單個列的格式？

回答

相關問題