CSS 2在同一页面上形成不同的ID,相互覆盖

时间:2011-12-21 22:44:42

标签: css forms drop-down-menu

我的页面右侧是登录表单,左侧是电子邮件请求表单。每个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;}

1 个答案:

答案 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放在那里,而没有任何东西在前面,那么您说样式都选择了这种方式

在上面的示例中,我直接引用了我要设置样式的每个元素的位置,并根据需要用逗号分隔。