2014-08-31 42 views
11

嗨我有一張表,其中某行中的某些列與colspan="2"屬性連接。與colspan連接的表格數據的中心文本=「2」與.css「選擇具有屬性colspan =」2「的td」

在當下它看起來像這樣:

enter image description here

我想的是,連接列在一排文字居中,但只有在連接列

中的文本該行(無限制)的數據具有以下代碼

<tr class="row-4 even">  
<td colspan="2" class="column-3 footable-last-column" style="display: table-cell;">unlimited</td> 
</tr> 

我不能改變表的代碼,因爲它是自動由Wordpress插件創建tablepress

我可以做的是添加一個自定義的.css文件。

我的問題是,是否有可能與屬性 colspan="2"用的CSS只選擇表中的數據,使我只能用屬性colspan="2"

回答

10

CSS選擇[attribute="value"]是表中的數據做{ text-align: center }你想要什麼,所以你應該添加

td[colspan="2"] { 
    text-align: center; 
} 

居中橫跨兩列的單元格。

如果要居中跨越任意數量的列的電池,可以使用

td[colspan]:not([colspan="1"]) { 
    text-align: center; 
} 

以選擇具有colspan屬性設置爲1以外的值的所有單元格。

8

這應該做的伎倆,如果你申請的CSS內聯:

<td colspan="2" style="text-align:center;">unlimited</td>