Question

这是我的问题：

我有外部样式表，我有＆＃34; *＆＃34;选择器定义为：

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

现在在我的aspx页面中，我有一个树视图控件。由于上面的选择器，我的树视图没有正确显示。

这是代码

 <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>

通过删除＆＃34; *＆＃34;选择器它正常工作，但其他元素正在受到干扰。所以我在TreeView控件中添加了Style属性，即内联。但它不起作用。我也试过为treeview制作一个不同的cssclass，但对我没有帮助。

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

我需要你的帮助。我该怎么办才能保持这两种造型？

Answer 1

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

现在，我个人认为你应该避免在你的CSS中使用星号。对于未来的项目，我会推荐一个reset.css或normalize.css，但由于我对你的项目了解不多，我会假设你想要一个快速的＆＃39;修复 - 您应该能够使用以下内容（这实际上并不需要:not）

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

#treeview * {
    margin: 0;
}

Answer 2

您的样式属性不正确。 padding-removed 属性不存在，即使它存在也不正确写入（缺少属性名称和值之间的'：'）。

当样式属性不正确时，浏览器通常只会丢弃它们。

Answer 3

*：不（#treeview）应该适合你。

*:not(#treeview)
{
     margin: 0em 4.2em 0em 0em;
     padding: 0em;
}

Answer 4

你试过这段代码：

*:not(asp){
 margin: 0em 4.2em 0em 0em;
 padding: 0em;
}

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

4 个答案: