Как переопределить тег ссылки на другой в css - PullRequest
Новая
       2

Как переопределить тег ссылки на другой в css

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

У меня есть страница, где я использую 2 стиля CSS: 

<link type="text/css" href="base_form.css" rel="stylesheet" />
<link type="text/css" href="extended_form.css" rel="stylesheet" />

И extended_form.css должны последовать за базой.

Есть ли способ заставить extended_form.css переопределить base_form.css?

Ответы [ 2 ]

4 голосов
/ 09 ноября 2011

Вы пытались добавить !important за ваши текущие CSS-заявления?Он действует как переопределение и переопределяет данный стиль для указанного селектора.

Пример: 

<!-- html -->
<html><body id="foo"></body></html>

<!-- css -->
body { background: #0000FF; }
body#foo { background: #FF0000; }

Обычно присваивание идентификатора и использование его в качестве селектора отменяет «глобальный» стиль, применяемый кэлемент, однако, вместо этого рассмотрим следующий css: 

body { background: #0000FF !important; }
body#foo { background: #FF0000; }

Приведенный выше оператор будет отображать #foo с фоном, установленным на #0000FF вместо #FF0000.

Проверьте этона jsFiddle.net:

http://jsfiddle.net/9sJqx/ "обычная" доля

http://jsfiddle.net/WfNUX/ !important применяется

1 голос
/ 09 ноября 2011

!important - лучший способ переопределить стиль.

Например:

base_form.css имеет стиль 

.header {
  width:100%;
}

extended_form.css имеет стиль 

.header {
  width:80%;
}

, если вы хотите переопределить стиль в extended_form.css 

.header {
  width:80% !important;
}
...