web-dev-qa-db-ja.com

テーブルの最初のリストを選択-CSSの最初の子ですか？

多分私は間違った木を吠えています。 6列のテーブルがあり、それぞれに順序付けられたリストが含まれています。最初のリストを除いて、すべての列に境界線を付けます。

サイトはここで開発中です 基本的にHTMLは

<tr>
 <td>
   <ol>
    <li>hello</li>
   </ol>
 </td>
 <td>
   <ol>
    <li>hello</li>
   </ol>
 </td>
 <td>
   <ol>
    <li>hello</li>
   </ol>
 </td>
</tr>

Trの最初の子はそのように機能すると思いましたtr:first-child ol {style}

csscss-selectors
16
morktron

:first-child セレクタはCSS2であり、IE6ではサポートされていません。 IE6が重要な場合は、最初の子に代わりに選択できるクラスを指定する必要があります。しかし、正しい構文は次のとおりです。

tr td:first-child ol { ... }

あなたがするとき：

tr:first-child ...

実際には、ある最初の子である<tr>要素を選択しています。次の点にも注意してください。

tr :first-child ...

最初の子ofテーブル行を選択しています。

24
cletus

これは完全に機能するわけではありません。tr:first-child olは、親要素の最初の子であるtrを選択します。代わりに、tdでfirst-child疑似クラスを使用する必要があります。

3
ЯegDwight