CSS 2在同一页上形成不同的ID覆盖另一个

我有一个页面，其右侧的登录表单和左侧的电子邮件请求表单。每个人都有一个下拉，看起来与另一个非常不同。出于某种原因，风格结束了彼此的写作。如果我改变第二种形式，它会改变第一种形式，我做错了什么？CSS 2在同一页上形成不同的ID覆盖另一个

#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;}

来源

2011-12-21 esoteric

发生这种情况是因为第二个select覆盖了第一个。

要解决这个问题，你需要更具体的，像这样的

#left .home-form-left input, #left .home-form-left select {/*styles*/}

.sq-question input, .sq-question select, .sq-question option {/*styles*/}

当您只需将select那里，没有在它前面任何东西，你说风格都选择这种方式

在我上面的例子中，我直接引用每个元素的位置，我想要的样式e，必要时用逗号分隔。

来源

2011-12-21 22:45:41

这很有道理，谢谢杰森。我通常一次定义它们全部#name input，select，option;坏习惯，页面上有多种形式。 – esoteric

CSS 2在同一页上形成不同的ID覆盖另一个

回答

相关问题