html - 最初の CSS スタイル

Question

左揃えにしたい最初の要素を除いて、 <tr> のすべての <td> 要素を右揃えに設定しようとしています。私はこれを試しました：

<style>
td { text-align: right };
td:first-child { text-align: left };
</style>

これにより、すべてのセルが右揃えになります。これら 2 つの行の順序を入れ替えると、すべてのセルが左揃えになります。非常に混乱しています。w3schoolsによると、

:first-child セレクターは、それが親の最初の子である場合にのみ、指定されたセレクターを選択するために使用されます。

しかし、それは私には起こっていないようです。

score 91 · Accepted Answer

構文が正しくありませんでした。

td { text-align: right };                    /* This was being applied */
td:first-child { text-align: left };         /* This wasn't.. */

次のようにする必要があります。

td { text-align: right; }
td:first-child { text-align: left; }

セミコロンに注意してください - 括弧の外側にあってはなりません{}

それ以外は:first-childちゃんと使っていました。

score 7 · Accepted Answer

7

td:nth-child(2) { text-align: right; }

1行でそれを行うことができます。

于 2015-04-16T17:23:28.613 に答える

score 3 · Accepted Answer

やりたいことに応じて、別のオプション：

table tr td {
    background-color:red;}
table tr td:nth-child(1) {
    background-color:green;}

3 に答える 3