Переопределение css доступно только на некоторых страницах

Question

На нашем сайте есть stylesheet.css и custom.css - на нашей платформе у меня есть доступ к custom.css.

У меня есть некоторые переопределения в custom.css, но они отображаются только на некоторых страницах.

См. http://www.daysjewelers.com (фон и т. Д., Контролируемый custom.css) см. http://www.daysjewelers.com/category/engagement_rings_and_wedding_rings.do, а переопределение css отсутствует.

Вот переопределяет:

body.main { 
background: #fff url(http://www.daysjewelers.com/images/en_US/global/globalgraphics/main_bg.gif) repeat; 
} 

.mainLayoutTable { 
background: #fff; 
padding: 10px; 
border: 1px dashed #c0ddea; 
margin-top: 15px; 
} 

и я обновляемый кэш браузера, мысли?

Answer 1

Лучший способ определить пользовательские стили CSS - это добавить строку !important в вашу декларацию css. Ваш код будет выглядеть следующим образом:

body.main { 
background: #fff url(http://www.daysjewelers.com/images/en_US/global/globalgraphics/main_bg.gif) repeat !important; 
} 

Edit: Просто FYI, я испытал это на своем сайте с помощью Firebug, и он сделал работу.

Answer 2

Jason, я замечаю, что на второй странице, которая работает некорректно - сгенерированный источник (используя Firebug) сообщает о наличии дополнительных атрибутов - например, bgcolor, прямо на теге. Я не совсем уверен, откуда это взялось. Также, если вы пытаетесь переписать атрибуты из другого шаблона, вы можете подумать о добавлении важности в объявлениях, чтобы гарантировать, что требуемый атрибут имеет приоритет.