CSS / HTML - проблема с заполнением в Firefox и переопределением стиля - PullRequest
Новая
       13

CSS / HTML - проблема с заполнением в Firefox и переопределением стиля

0 голосов
/ 17 ноября 2011

Мой первый выпуск:

Из-за какой-то странной проблемы с Firefox я должен поставить их: 

margin:0;
padding:0;

в каждом div с background img, чтобы избежать проблем в Firefox. У меня нет проблем с этим, но иногда мне нужно использовать padding-top, чтобы сделать некоторое расстояние между текстом и над ним.

Если я использую padding:0 и padding-top:2px, проблема все еще остается. Как я могу использовать padding-top, имея исправление для Firefox?

Второй:

Я использовал глобальный код CSS для всех тегов на моей странице. Например, я использовал color:FFF на всех тегах. Но иногда мне нужно иметь конкретную ссылку, чтобы быть color:000. как этот: 

<div style="color:000"><a href="#">blabla</a></div>

Как вы знаете, я не могу сделать ссылку 'blabla' черным цветом, потому что у меня уже есть стиль, примененный к тегам <a>, поэтому он снова будет белым. Как я могу достичь этого?

Ответы [ 3 ]

3 голосов
/ 17 ноября 2011

По поводу заполнения, вы можете добавить дополнительный div внутри предыдущего, только для заполнения. 

<div>
  <div class=PaddingStyle>Content</div>
</div>

Таким образом, вы сохраните свой фиксированный div без изменений.

О вашем второмвопрос, попробуйте добавить! важно для второго стиля 

a {color:#000 !important;}
0 голосов
/ 17 ноября 2011

Чтобы переопределить цвет, вы можете добавить класс к своей таблице стилей следующим образом: 

/* Global Link Override */
a:link {
  color:FFF;
}

/* Specific Link Override */
.specialLink a:link {
  color: 000;
}

Затем вы можете применить его к ссылке как таковой, первый будет белым, а второй черный: 

<a href="#">foo</a>
<div class="specialLink"><a href="#">bar</a></div>
0 голосов
/ 17 ноября 2011

В ответ на # 1:

Когда вы говорите «padding: 0», вы говорите, чтобы установить отступ для всех направлений - влево, вверх, вправо и вниз на «0». Если ваш «padding-top: 2px» появится перед «padding: 0», то ваш «padding-top: 2px» будет игнорироваться.

Если вы хотите изменить свои стили на основе браузера, то я рекомендую css browser выбрать . Я использовал это раньше и нашел это очень удобным.

...