关于esayui和css的使用

来源:互联网 发布:英雄无敌3mac随机地图 编辑:程序博客网 时间:2024/05/18 21:47

使用easyui的类库时,css不要使用标签作为选择器,在不兼容的浏览器下会影响easyui的样式。

最近刚开始学习使用easyui,从参考api入手,模仿demo进行编写。以前没有使用过这种类库的东西,不了解它的实际机制,所以用css进行样式定义的时候常常使用标签作为选择器(CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。),例如:

.btn div {<span style="white-space:pre"></span>margin-left:10px;}input ,textarea{<span style="white-space:pre"></span>width:20px;}
这里想要说的是,不要用html的标签直接作为css的选择器,因为在使用easyui的控件的时候,它会在你自己定义的标签里创建新的各种标签,这些标签才是要显示出来的效果,具体可以在开发者工具里面的element中看到。所以直接使用标签作为选择器,会影响到easyui的标签样式(一般会在不兼容模式下会出现这种情况)。使用id或类作为选择器,不会影响其他类库对标签的样式定义。例如:

#rightb_con {padding-left:14px;}.rb {margin-top:7px;}

初用easyui,css应用也不熟练,这是我在用的时候出现的问题。

0 0