Блог

Я новичок в кодировании css. У меня есть веб-сайт, созданный на WordPress и Elementor. Я пытаюсь изменить цвет текста одного элемента с помощью css. Я нашел конкретный класс, который был присвоен этому элементу в навигации. Я смог изменить цвет фона, вес шрифта и т. Д., Но я не могу изменить цвет текста. Любая мысль о том, почему?

Просто используйте !важно для этого пункта меню, например,

  .menu-item
            {
              color:#000000!important;
            }
           
 

Добро пожаловать в CSS. Вот хорошая отправная точка ( https://www.w3schools.com/css / )

Чтобы изменить цвет, вам нужно указать элемент, например.

 .element-class {
    color:blue;
}
 

Однако, если цвет этого элемента изменяется селектором с более высоким приоритетом, он не изменится. ( https://www.w3schools.com/css/css_specificity.asp )

Также, если после вашего загружается стиль с той же спецификой, он будет использовать этот.

Вы можете использовать тег !important, чтобы переопределить это, но это не лучшая практика. Вам лучше загружать свои классы css после уже загруженного класса или повысить специфичность вашего селектора.

Вы можете увидеть, какие css-классы элементов применяются, открыв инструменты разработчика и проверив элемент (Chrome: Ctrl Shift C ). под тегами styles вы можете увидеть стили, примененные к элементу, поскольку они не будут вычеркнуты.

В этом примере, хотя оба элемента имеют один и тот же селектор «H2», применяется только верхняя часть, как в строке 719, поэтому она загружается после стиля h2 в строке 28.