CSS应用样式的HTML元素上的CSS作用

我在我的HTML <div class="TreeView"></div>的元素，我想应用样式标签：td，div，table特定级角色：TreeView控件CSS应用样式的HTML元素上的CSS作用

目前这我的代码不起作用。

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 ..所以我在这里做错了吗？

谢谢你们的帮助！

来源

2011-07-23 GibboK

我认为你需要提供更多的代码：如果在一个简单的文件中使用的首部作品，第二个没有：它适用于包含的div /表/细胞在具有id的元素中，但不具有id本身的元素。 – Inca

看来你需要申请CSS规则的.TreeView后裔：

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

来源

2011-07-23 09:46:29 Karolis

感谢Karolis，它工作的很棒！ – GibboK

的选择分为两个CSS片段你贴有轻微的不同

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

类似于第二个，你应该尝试一下（也许使用萤火虫或类似的工具来检查规则是否被覆盖）

来源

2011-07-23 09:50:38 Eineki

学习一些pri ID和类的ority和尝试这个现在

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

来源

2011-07-23 09:51:48

CSS应用样式的HTML元素上的CSS作用

回答

相关问题