90

2 列の a がある場合、s の最初の列だけに適用されるように a またはその他の csstableを指定するにはどうすればよいですか。また、 n番目の列を同様にスタイルするにはどうすればよいですか?padding<td>

4

5 に答える 5

182

n 番目の子セレクターを使用できます。

n 番目の要素をターゲットにするには、次を使用できます。

td:nth-child(n) {  
  /* your stuff here */
}

(ここでnは 1 から始まります)

于 2013-03-28T05:57:13.153 に答える
12

IE7 をサポートする必要がある場合、より互換性のあるソリューションは次のとおりです。

/* only the cells with no cell before (aka the first one) */
td {
    padding-left: 20px;
}
/* only the cells with at least one cell before (aka all except the first one) */
td + td {
    padding-left: 0;
}

また、正常に動作しliます。一般的な兄弟セレクター~は、見出し h1 の後に段落と小見出し、そして再び他の段落が続くような混合要素に適している場合があります。

于 2013-03-28T06:02:31.193 に答える
12

: nth-child()および:nth-of-type()疑似クラスを使用すると、数式で要素を選択できます。

構文は:nth-child(an+b)で、 a と b を任意の数字に置き換えます。

たとえば、:nth-child(3n+1) は 1 番目、4 番目、7 番目などの子を選択します。

td:nth-child(3n+1) {  
  /* your stuff here */
}

:nth-of-type()は、指定されたタイプの要素のみを考慮することを除いて、同じように機能します (例では)。

nth-child の詳細については、 https://developer.mozilla.org/es/docs/Web/CSS/: nth-child を参照してください。

于 2015-05-26T11:15:47.320 に答える
5

これは役立つはずです。trその CSS3 :first-child は、スタイルを設定したいテーブルの最初のものと言う必要があります。http://reference.sitepoint.com/css/pseudoclass-firstchild

于 2013-03-28T05:52:46.540 に答える