4

text-alignコード内のプロパティをオーバーライドしたいと思います。私はこのHTMLコードを持っています：

<style>
    table { text-align: center; }
    .align_left { text-align: left; }
</style>
<table>
    <tr>
        <td class="align_left">Align left ?</td>
        <td>Align center ?</td>
    </tr>
</table>

これを行うための最良の方法は何ですか？

4

3 に答える 3

9

提供されたコードのサンプルでは、​​何もオーバーライドする必要はないと思います。それは完全に問題ないようです。

ただし、CSS ルールをオーバーライドする必要がある場合は、複数の方法でそれを行うことができます。

  • より具体的なルールを設定することで

    テーブル td.align-left { text-align:left }
    vs
    td { text-align:left }

  • 同じレベルの具体性を持つルールをスタイルシートの後半に設定する

    table td { text-align:left }
    table td { text-align:center } /* この行は上の行を上書きします */

  • 設定することにより!important

    table td { text-align:left !important }

于 2013-02-19T16:01:04.200 に答える
2 
td {text-align:center;}
td.align_left { text-align:left;}

最新のブラウザのみをターゲットにしている場合は、：first-of-typeを使用して最初のtdをターゲットにすることもできます。

于 2013-02-19T16:00:41.863 に答える
2

tableと.align_leftスタイルの両方をオーバーライドしようとしていますか、それとも.align_left試したことはありますか? クラスは要素をオーバーライドする必要があります。

table td { text-align:center; }
table td.align_left { text-align:right; }
于 2013-02-19T16:01:26.377 に答える