extjs_css a litter puzzle

Extjs 控件样式test：

控件Ext.list.ListView

var listView = new Ext.list.ListView( {

 

 

id:'lwb_test_list_view',

 

 

store : store,

 

 

multiSelect : true,

 

 

emptyText : '0个选课学员报名',

 

 

reserveScrollOffset : true,

 

 

cls:'test_lwb', //修饰的是当前组件的div

 

 

ctCls:;test_lwb’ //修饰的是当前组件的的div的父div

 

 

。。。。。

 

 

 

 

 

以上加入自己的样式【test_lwb】，div 显示结果如下：

 

 

<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter" /> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0" /> <v:f eqn="sum @0 1 0" /> <v:f eqn="sum 0 0 @1" /> <v:f eqn="prod @2 1 2" /> <v:f eqn="prod @3 21600 pixelWidth" /> <v:f eqn="prod @3 21600 pixelHeight" /> <v:f eqn="sum @0 0 1" /> <v:f eqn="prod @6 1 2" /> <v:f eqn="prod @7 21600 pixelWidth" /> <v:f eqn="sum @8 21600 0" /> <v:f eqn="prod @7 21600 pixelHeight" /> <v:f eqn="sum @10 21600 0" /> </v:formulas> <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect" /> <o:lock v:ext="edit" aspectratio="t" /> </v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:415.5pt; height:43.5pt'> <v:imagedata src="file:///C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/msohtml1/01/clip_image001.png" o:title="" /> </v:shape><![endif]--><!--[if !vml]--><!--[endif]-->

 

 

 

 

 

其中id:'lwb_test_list_view'为改控件的id，div根下的两个div分别对象列表头和列表中的数据。在id为lwb_test_list_view中加入的test_lwb修饰不了里面的两个div。

 

 

 

 

 

若加入：ctCls:'test_lwb',

 

 

修改的是 <div id=’lwv_test_list_view’>的父节点div

 

 

所以还是同样没效果。

 

 

 

 

 

.test_lwb{

 

 

font-size:250% !important;

 

 

color:#FF0000

 

 

} 颜色有效果就是大小没效果。

 

------------------------------------------------------------------------------------

【这blog不支持直接贴图片—悲剧】