2017-01-03 5 views
0

Я использую Wordpress и имею следующий код для стилизации моих пунктов менюнаиважнейшая кнопку и после того, как элемент

CSS (атрибуты я ищу, чтобы изменить)

.main-nav li a { 
    color: #222; 
} 

.main-nav li a:after { 
    background-color: #d11e5d; 
} 

Я применяется пользовательский класс .btn-contact на одной из кнопок, поэтому я могу переопределить его цвет и другие атрибуты, но я не могу настроить его. (С использованием .btn-contact { color: red; } или .btn-контакт { color: red !important; } не работает)

выход

enter image description here

+0

Просьба поделиться рабочим примером. – aavrug

+0

рабочий пример генерируется через wordpress, поэтому у меня нет независимого рабочего примера – user3550879

ответ

1

Просто добавьте

.btn-contact { 
    color: red !important; 
} 

!important должны переопределить все другие значения для того же свойства.

+0

У меня создалось впечатление, что использование важной было очень плохой практикой кодирования – user3550879

+0

Также не работает, поскольку я думаю, что он не нацелен на нее достаточно конкретно, что что у меня проблемы с – user3550879

+0

Да, использование '! important' - это плохая практика, но не всегда. Когда вам приходится переопределять сторонние коды и встроенные стили, вы можете или, скорее, использовать его. См.: Http://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css – nashcheez

0

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

+0

Прошу прощения, в каждом css есть другие атрибуты, это те, которые я ищу, чтобы изменить в кнопке .btn-content – user3550879

+0

Oh все в порядке извините. Ну, может быть, есть еще один селектор в CSS, который имеет более высокий приоритет, чем ваш. –

+0

Я предполагаю, что проблема заключается в том, что я не нацелен на css достаточно конкретно – user3550879

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