我有一个页面，右侧是登录表单，左侧是电子邮件请求表单。每个 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;}
最佳答案
这是因为第二个 select 覆盖了第一个。
要解决这个问题，你需要更具体一些，像这样
#left .home-form-left input, #left .home-form-left select {/*styles*/>
.sq-question 输入，.sq-question 选择，.sq-question option {/*styles*/>
当你只是将 select 放在那里，前面没有任何东西时，你是在说style all selects this way
在我上面的示例中，我直接引用了我想要设置样式的每个元素的位置，必要时用逗号分隔。
关于同一页面上的CSS 2表单不同的ID相互覆盖，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8597387/