2012-05-01 3 views
0

У меня есть CSS в файле третьей стороны CSS:Переопределение стиля CSS

.gallery li > a{ 
    background-image:url(images/loading.gif); 
} 

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

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

Спасибо,

Сэчин

+1

Пробовал ли вы использовать тот же селектор и загружать сторонний css перед вашим, s o он переопределяет сторонний css? –

+0

Извините, что вы подразумеваете под тем же селектором? Я не знал, что мне пришлось загружать свой cSS перед другим - я попробую поблагодарить. –

+1

Если один и тот же селектор '.gallery li> a' встречается после его появления один раз, его перезаписывают. Ответ archil более изящный, хотя –

ответ

1

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

.gallery li > a.my-custom-class { 
    background-image:url(myCustomImage); 
} 
+1

или, альтернативно (например, если у вас не было собственного класса), поместите каждое свойство в спецификацию «! Important». См. Http://www.w3.org/TR/CSS21/cascade.html#important-rules – s1lence

+0

Я пробовал использовать важные, но это тоже не сработало. Кстати атчил. Я пробовал это, и он не работает. Я делаю что-то неправильно? –

+1

Покажите нам вашу html-разметку и новый css тоже – archil

1

Creat свой собственный класс в новый файл CSS и использовать это может это поможет вы

.myClass {background-image:(image/path.png) !important;} 
+0

Я думаю, вы можете попробовать это для важных, вы пробовали это? – Chandrakant

Смежные вопросы