我的页面右侧是登录表单,左侧是电子邮件请求表单。每个a都有一个看起来与另一个非常不同的下拉列表。由于某种原因,风格相互叠加。如果我更改第二个表单,它会改变第一个表单的样式,我做错了什么?
#left .home-form-left input, select{height:26px; line-height:26px; border:1px solid #999999; color:#666666; font-size:12px;}
.sq-question input, select, option{width:195px; margin-bottom:5px;}
答案 0 :(得分:1)
这种情况正在发生,因为第二个select
正在覆盖第一个。{/ p>
要解决此问题,您需要更加具体,例如
#left .home-form-left input, #left .home-form-left select {/*styles*/}
.sq-question input, .sq-question select, .sq-question option {/*styles*/}
如果您只是将select
放在那里,而没有任何东西在前面,那么您说样式都选择了这种方式
在上面的示例中,我直接引用了我要设置样式的每个元素的位置,并根据需要用逗号分隔。