0

すべてのテーブル、td、divなどに適用されるリセット用の外部cssがあります。私のWebサイトには、ユーザーがhtmlで目的のコンテンツを作成できるようにするカスタマーテンプレートがあります。

この顧客テンプレートをWebページで表示するとき、外部のcssの上に適用したくありません。
そこで、この顧客テンプレートのコンテンツをdivに入れ、このdivとそのすべての子をcssから除外しようとしました。

指定されたdividの子ではないすべてのテーブル、td、divなどを選択するcssセレクターを作成することは可能ですか？

以下は私のテスト用htmlコードとreset.cssです。divcustomtemplateのコンテンツはユーザーによる動的入力です。ユーザーはborder=1をtableに試行し、reset.cssなしですべてのテーブルセルをborder1に適用します。ただし、cssをリセットすると、境界線は表示されません。私のユーザーはhtml/cssの専門家ではないので、単純なhtmlを作成し、テストページに書き込むときに表示されることを期待します。それらのhtmlがすべてのブラウザで完全に同じように表示されない場合、それはそれら次第です。
私には責任がありません。私はreset.cssなしでdivに彼らのhtmlを表示する必要があります。とにかく解決するには？

            <html>
            <head>
                <link href="reset.css" type="text/css" rel="stylesheet"/>
            </head>
            <body>
                <div class="customtemplate">
                    <table border="1" cellpadding="10px">
                        <tr>
                            <td>abcd</td><td>def</td>
                        </tr>
                        <tr>
                            <td>hello</td><td>world</td>
                        </tr>
                    </table>
                </div>
                <br><br>
                <table>
                    <tr>
                        <td>default</td><td>reset</td>
                    </tr>
                    <tr>
                        <td>style</td><td>using</td>
                    </tr>
                </table>
            </body>
            </html>


            table, td {
                border: 0;
                padding: 0;
            }
4

1 に答える 1

1

正しい方法は、その div のデフォルトを定義することです。リセット CSS は、ブラウザーの異なるデフォルト値によって引き起こされる問題を回避するのに役立ちます。そのため、指定された ID を持つその div には、適切なデフォルトを定義する必要があります。これは、サイトで使用されているデフォルトとは異なりますが、すべてのブラウザーで同じデフォルトであることが期待できます。

例えば：

/* reset.css */

p { margin: 0; }

/* yourdefaults.css */

#yourdiv p { margin-bottom: 10px; }
于 2012-03-05T11:12:07.143 に答える