0

私のページには、grid1、grid2 という 2 つのグリッドがあります。grid2 ではなく、grid1 のみをスタイルしたいのですが、このようにヘッダーで 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 でデバッグしたところ、GridTd スタイルではなく、デフォルトのスタイル (.k-grid td) で td スタイルが使用されていることがわかりました。

 .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

2 つのルールがコード サンプルと同じ順序である場合

次に、これはcssの特異性と関係があります

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

.css()1 つの解決策は、 jQuery 関数を使用して css を指定することです。

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

例

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

私は剣道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 に答える