css - colspan を含む場合を除く最初の TD の CSS セレクター

Question

次のテーブルがあるとしましょう。

<table style="width:500px">
 <tr>
    <td>Col 1</td>
    <td>Col 2</td>
 </tr>
 <tr>
    <td colspan="2"></td>
 </tr>
</table>

セレクターを使用first-childして最初の TD にスタイルを適用する場合、colspan を持つ td を無視することはできますか (もちろん、これは最初の子ですが)。

table tr td:first-child{
  width:100px;
}

セレクターを変更してapply to first child except when the class name is x?

score 1 · Accepted Answer

これを試して：

table tr td:first-child:not(.ignore) {
  width:100px;
}

（「無視」のクラスを無視したいtdを指定する場所）

score 0 · Accepted Answer

クラスに反対のプロパティを与えるだけではどうですか?

table tr td:first-child{
    width:100px;
}

.your_class {
    width:auto !important;
}

score 0 · Accepted Answer

簡単な方法の 1 つは、実際に選択したい最初の TD にクラスを追加することです。

<table style="width:500px">
 <tr>
    <td class='selectable'>Col 1</td>
    <td>Col 2</td>
 </tr>
 <tr>
    <td colspan="2"></td>
 </tr>
</table>

次に、次のようにヒットします。

table tr td.selectable {
    width: 100px;
}

または、jQuery を試して、影響を与えたくない行に "ignoreMe" というクラス名を付けることもできます。

$('table tr td:first-child').not('.ignoreMe').css({width:100});

4 に答える 4