Question

我的HTML <div class="TreeView"></div>中有一个元素我希望将样式应用于代码：td，div，table，用于特定的类角色：TreeView

目前我的代码不起作用。

td.TreeView,  div.TreeView, table.TreeView
{
    height: 20px !important;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
}

我能够使其工作的唯一方法是：将ID应用于我的div <div id="MainContent_uxTreeView" class="TreeView"></div>并使用此css代码：

    #MainContent_uxTreeView table, #MainContent_uxTreeView td, #MainContent_uxTreeView div
    {
        height: 20px !important;
        border-collapse: collapse;
        border-spacing: 0px;
        margin: 0px;
        padding: 0px;
    }

我不想使用提到ID的第二个版本..那么我在这里做错了什么？

谢谢你们的帮助！

Answer 1

您似乎需要为.TreeView的后代应用CSS规则：

.TreeView td,  .TreeView div, .TreeView table
{
    height: 20px !important;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
}

Answer 2

你发布的两个css片段中的选择器略有不同

.TreeView td,  .TreeView div, TreeView table
{
    height: 20px !important;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
}

类似于第二个，你应该尝试一下（可能使用firebug或类似工具）检查规则是否有些重写）

Answer 3

了解ID和类的优先级，现在就试试

body td.TreeView,  body div.TreeView, body table.TreeView
{
    height: 20px !important;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
}

CSS在CSS ROLE上应用HTML元素的样式

3 个答案: