0

我有一个用于重置的外部 css，适用于所有表、td、div 等。在我的网站中，有一个客户模板允许用户在 html 中创建他们想要的内容。

在网页中查看此客户模板时，我不想在外部 css 之上应用。
所以我把这个客户模板内容放入一个 div 中，并试图从 css 中排除这个 div 及其所有子项。

是否可以编写 css 选择器来选择所有表、td、div 等...不是给定 div id 的子项？

下面是我测试的html代码和reset.css div customtemplate的内容是用户动态输入的。用户尝试将边框 = 1 应用于表格，它将所有表格单元格应用于边框 1 而无需 reset.css。但是用reset 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 回答