Javascript 将CSS样式应用于数据表子tr';s

Javascript 将CSS样式应用于数据表子tr';s,javascript,html,css,Javascript,Html,Css,我想在jQuery数据表行中设置tr的高度 以下是我的CSS中的内容 #TableWrapper tbody tr { min-height: 35px; } 下面是我的表格控制台的屏幕截图,您可以看到id=“TableWrapper” 有人能说我做错了什么来设计这些儿童tr吗 #TableWrapper tbody tr { height: 35px; float: left; } 试试上面的样式。根据 在CSS 2.1中,“最小高度”和“最大高度”对表、内

我想在jQuery数据表行中设置tr的高度

以下是我的CSS中的内容

#TableWrapper tbody tr {
    min-height: 35px; 
}
下面是我的表格控制台的屏幕截图,您可以看到id=“TableWrapper”

有人能说我做错了什么来设计这些儿童tr吗

#TableWrapper tbody tr 
{
    height: 35px;
    float: left; 
}
试试上面的样式。

根据

在CSS 2.1中,“最小高度”和“最大高度”对表、内联表、表单元格、表行和行组的影响未定义

所以您可以尝试使用height属性

#TableWrapper tbody tr
{
  height: 35px; 
}

如果您得到了正确的元素,并且您编写了它的CSS,并且如果它没有按应有的方式显示,那么您的CSS很可能会被其他CSS覆盖

此外,您可以在CSS中使用“!important”使其变得重要并避免重写

#TableWrapper tbody tr {
    min-height: 35px !important; 
}
试试这个

#TableWrapper tbody tr td{
    min-height: 35px; 
}
JSFIDLE

单击开发工具中的一个
tr
s,看看您是否可以看到自己的风格。如果它有一个删除线,这意味着更高优先级的东西正在覆盖您的样式。可能您应该将其应用于
#TableWrapper tbody tr td
,而不是
tr
@mattytommo没有删除线。@AkhilSekharan更改为删除线,但没有任何效果。@Pomster那么
#TableWrapper tbody tr td>*
怎么样谢谢我会记住这一点未来,但它没有解决我的问题。我们无法解决您的问题,除非我们有完整的CSS/或至少它是如何呈现的。您可以使用FireFox的firebug插件,让我们将CSS应用到您的元素。