关于esayui和css的使用

使用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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值