CSS 2 формирует на одной странице разные ID, перезаписывая друг друга - PullRequest
1 голос
/ 22 декабря 2011

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

#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 Ответ

1 голос
/ 22 декабря 2011

Это происходит потому, что второй select перезаписывает первый.

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

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

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

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...