CSS 2 формы на одной странице разные идентификаторы, переписывающие друг друга

Question

У меня есть страница с формой входа в систему справа и формуляр электронной почты по электронной почте. Каждый из них имеет выпадающее изображение, которое сильно отличается от другого. По какой-то причине стили написаны друг с другом. Если я изменяю вторую форму, она меняет стиль на первый, что я делаю неправильно?

#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 является перезапись первым.

Чтобы это исправить, вам нужно быть более конкретным, как этот

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

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

Когда вы просто поместите select там, без чего-либо перед ним, вы говорите style all выбирает этот путь

В моих примерах выше я прямо ссылаюсь на расположение каждого элемента, который я хочу стилизовать e, разделяя запятыми по мере необходимости.