CSS 2は同じページに別のIDを作成して別のIDを上書きする

Question

私は右側にログインフォームのページがあり、左側にメールフォームがあります。それぞれには、他のものとは非常に異なって見えるドロップダウンがあります。何らかの理由で、スタイルはお互いに書くことです。 2番目のフォームを変更すると、最初のスタイルが変更されます。何が間違っていますか？

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

Answer 1

二selectが最初に上書きされるので、これが起こっています。あなただけがselectを配置すると

は、この問題を解決するには、あなたはそれの前には何もせずに、あなたはを言っている、この

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

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

のように、より具体的にする必要がありますスタイルはすべてこの方法で選択します

上記の例では、私はスタイリングしたい各要素の位置を直接参照していますe、必要に応じてカンマで区切ります。