html - 如何在样式表中使用带 * 的 not css 选择器

Question

这是我的问题:

我有外部样式表，其中“*”选择器定义为:

*
{
margin: 0em 4.2em 0em 0em;
padding: 0em;
}

现在在我的 aspx 页面中我有一个 TreeView 控件。由于上述选择器，我的 TreeView 未正确显示。

这是代码

 <div id="treeview" style="padding-right:250px; padding-left:150px; width:1040px;margin-left:495px;">
    <asp:TreeView ID="TreeView1" runat="server" ShowLines="true" SelectedNodeStyle-ForeColor="Green" CssClass="TreeViewClass" Style="margin: 0em 0em 0em 0em !important;"
            SelectedNodeStyle-VerticalPadding="0" Target="_blank">


    </asp:TreeView>

</div>

因此，通过从“*”选择器中移除边距，它可以正常工作，但其他元素会受到干扰。所以我在 TreeView 控件中添加了 Style 属性，即内联。但它不起作用。我也尝试为 treeview 制作不同的 cssclass，但对我没有帮助。

我也尝试过使用 css 的 not 选择器，但这对我不起作用。

我需要你的帮助。我应该怎么做才能保持这两种样式？

Answer 1

正如 litelite 所说；您的第一个问题在于无效的样式属性。这些可能会导致某些浏览器出现问题。

现在，我个人的意见是您应该完全避免在 CSS 中使用星号。对于 future 的元素，我会推荐 reset.css 或 normalize.css，但由于我对你的元素了解不多，我会假设你想要一个“快速”修复 - 你应该能够使用以下(这个实际上不需要 :not )

* {
    margin: 0 4.2em 0 0;
    padding: 0;
}

#treeview * {
    margin: 0;
}