0

我的页面有两个名为 grid1、grid2 的网格,我只想设置 grid1 的样式,而不是 grid2。我像这样在标题中使用 css 样式,但似乎两个网格都发生了变化。

.k-grid td {
   color:red;
  padding: 0px;
 }

我试着这样写,但失败了。

 .GridTd {
 color:red;
 padding: 0px;
}
$("#grid1 td").addClass("GridTd "); //failed
$("#grid1 k-grid   td").addClass("GridTd ");// faied

我用 firebug 调试,发现默认使用的是 td 样式(.k-grid td),而不是 GridTd 样式。

 .k-grid td {  
   border-style: solid;    border-width: 0 0 0 1px;   
  line-height: 1.6em;    overflow: hidden;    
  padding: 0.4em 0.6em;    text-overflow: ellipsis;  
  vertical-align: middle;
  }.
.GridTd {  color:red;   padding: 0;}
4

2 回答 2

1

如果这两个规则的顺序与您的代码示例相同

那么这与css的特殊性有关

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
http://css-tricks.com/specifics-on-css-specificity/

一种解决方案是使用.css()jQuery 函数指定 css

http://api.jquery.com/css/

例子

$("#grid1 td").css({  "color":"red", "padding": "0"});
于 2013-09-19T08:42:16.460 回答
0

我有同样的问题,我正在使用 kendo MVC 包装器。以下是我的处理方式:

@(Html.Kendo().Grid<Model>()
    .Name("MyGrid")
    .HtmlAttributes(new { @class = "k-grid-MyGrid" } )

    ...(Imagine the rest of the grid)
)

然后在这样的css参考中:

<style type="text/css">
    .k-grid-MyGrid td {
        white-space: nowrap;
    }
</style>

希望对您有所帮助。

于 2016-03-18T15:47:39.543 回答