web-dev-qa-db-ja.com

.cssでcolspan = "2"に接続されたテーブルデータの中央テキスト "属性colspan =" 2 "でtdを選択"

こんにちは、行の特定の列がcolspan="2"属性で接続されているテーブルがあります。

現時点では、次のようになっています。

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 plugin tablepressによって自動的に作成されるため、テーブルのコードを変更できません。

私ができることは、カスタム.cssファイルを追加することです。

私の質問は、属性colspan="2"を持つテーブルデータのみを.cssで選択できる場合、属性{ text-align: center }を持つテーブルデータに対してのみcolspan="2"を実行できるようにすることです。

htmlcsswordpresshtml-table
17
Viktor Carlson

CSSセレクター[attribute="value"]は必要なものなので、追加する必要があります

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

2列にまたがるセルを中央に配置します。

任意の数の列にまたがるセルを中央に配置するには、次を使用できます。

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

colspan属性が1以外の値に設定されているすべてのセルを選択します。

22
JackW

CSSをインラインで適用する場合は、これでうまくいくはずです。

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