css - CSSは1つのIDで複数のタイプを選択します

Question

divの下のすべてのthとtdを選択したい。次のようなものを書く：

#div_id th,td {
   ...
}

すべてのtd-sを選択するため、適切ではありません。

私はここに書くための解決策を見ました

#div_id th,#div_id td { 
   ... 
}

他の方法があるので、＃div_idを繰り返さないでください。

ありがとう。

Answer 1

コードが次のようになっていると仮定します。

<div id="div_id">
    <table border="1">
        <tr>
            <th>
                Header 1
            </th>
            <th>
                Header 2
            </th>
        </tr>
        <tr>
            <td>
                row 1,
                <p>
                    cell 1
                </p>
            </td>
            <td>
                row 1,
                <p>
                    cell 2
                </p>
            </td>
        </tr>
        <tr>
            <td>
                row 2,
                <p>
                    cell 1
                </p>
            </td>
            <td>
                row 2, 
                <p>
                    cell 2
                </p>
            </td>
        </tr>
    </table>
</div>​​​​​​​​​​​​​​​​​​​​​​

次のようなルールを適用できます。

#div_id tr > * {
    border: 1px dotted #CCC;
}​

これは、aまたは。trのみにバインドされている、内の最初の要素（および最初の要素のみ）を選択します。thtd

代わりにルールを次のように定義した場合に注意してください。

#div_id tr * {
    border: 1px dotted #CCC;
}​

pタグにも点線の境界線があります。

ただし、後で何をしたかを理解しやすいので、通常は余分な8文字を入力する方が理にかなっています。