c# - テーブル内のテーブルの CSS

Question

Gridview を生成すると、それぞれの 2 つのセルに、他に 2 つの Gridview があります。これはテーブルとしてレンダリングされ、各行には 2 つのセルにテーブルがあります。

各 Gridview の CssClass を設定しましたが、何をしても、呼び出し内のテーブルは、含まれているテーブルに適用された css 属性の少なくとも一部を継承しているようです。

「このテーブルを囲むテーブルのすべての属性を無視する」と言う簡単な方法はありますか。

Answer 1

より具体的なCSSセレクターを使用できます...例：

<table class="outerTable">
    <tbody>
        <tr>
            <td>This will be white text</td>
            <td>

                <table class="innerTable">
                    <tbody>
                        <tr>
                            <td>This will be black text</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table

.outerTable > tbody > tr > td {
   color: #fff;
}

.innerTable > tbody > tr > td {
   color: #000;
}

Answer 2

BLSully の言うとおりです。これを行う唯一の良い方法は、継承された属性を上書きすることです。属性を上書きするには、オーバーライド コードを他のセレクターよりも具体的にする必要があります。特異性に関する優れた記事については、次をお読みください。

http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html