0

次のCSSを使用して、テーブルの先頭の最初の列を定義します

table.search-transport tr th:nth-child(1) { width: 30px; text-align:right; }

このcssを表の頭だけでなく本体にも適用したいと思います。

2 行で進めることができることはわかっています。

table.search-transport tr th:nth-child(1),
table.search-transport tr td:nth-child(1)
                  { width: 30px; text-align:right; }

でも、1行で進められるか知りたいのですが？何かのようなもの：

table.search-transport tr th:nth-child(1) + td:nth-child(1) { width: 30px; text-align:right; }

ありがとう。

4

3 に答える 3

1

最初の列の任意のセルである限り? a は aまたは a のいずれかのみを子として持つことができるため、子セレクターを使用するだけでなく、 th/td部分を完全に省略できる必要があります (また、その子のみを選択し、内部要素は選択しないようにする必要があります)。 :trthtd

table.search-transport tr > :nth-child(1) { width: 30px; text-align: right; }

(古いブラウザをサポートしたい場合は に置き換え:nth-child(1)て:first-childください。)

ただし、一般的に言えば、セレクターの残りの部分が重複しないようにしながら、両方th:nth-child(1)を個別に選択することはできません。td:nth-child(1)これは、サイトの他の場所ですでに完全にカバーされていますが、少し追加の情報については、ここを参照してください。

于 2013-03-21T17:39:03.673 に答える
0

あなたが現在使用している CSS セレクターは、パフォーマンスの点で貧弱です。

次の行はあなたの質問に答えます。 

.search-transport tr > :nth-child(1) { width: 30px; text-align: right; }

フィドルをチェックして、動作中のセレクターを確認してくださいhttp://jsfiddle.net/LNJLf/

于 2013-03-21T17:40:38.103 に答える
0

疑似クラスを探していると思います:any。https://developer.mozilla.org/en-US/docs/CSS/:anyを参照してください。

table.search-transport tr :any(th,td):nth-child(1) { width: 30px; text-align:right; }

注: これにはベンダー プレフィックスを付ける必要があります。未テスト。

于 2013-03-21T17:47:48.137 に答える