У меня появляется код, когда я "проверяю" страницу, которой нет нигде в том, что я написал, и вызывает "неправильный" цвет текста. Как мне это исправить?

Question

Я использовал атрибут цвета в моем css в соответствующем div, но он не меняет цвет на экране. Не имея представления о том, что происходит, я, наконец, пошел в Inspect, и там появился код, который я нигде не включил в свой файл html. Я не знаю, как он оказался там, и как его переопределить или удалить.

Я обнаружил, что это код, который я нигде не писал:

a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

Это отмечает "таблицу стилей пользовательского агента", но опять же, я не писал ничего подобного. Я на всякий случай поискал в коде "webkit", но безрезультатно. Пожалуйста, помогите мне понять, откуда это происходит, и что я могу сделать, чтобы изменить цвет (поскольку на самом деле этого нет в моем коде).

Спасибо!

Answer 1

Этот код является стилем по умолчанию, предоставляемым вашим браузером (отсюда и «таблица стилей пользовательского агента»).

Вам нужно будет написать свой собственный стиль для элемента, если вы sh замените его.

В данном случае:

a {
    color: #0066cc;
}

Если вы используете sh для стилизации только некоторых ваших ссылок, вы можете добавить к ним классы:

a {
  color: #0066cc;
}

a.different-color {
    color: #cc1100;
}

<a href="#">A link</a><br />
<a href="#">A link</a><br />
<a href="#" class="different-color">A link with different color</a><br />
<a href="#">A link</a><br />

Во избежание того, чтобы таблица стилей пользовательского агента переопределяла вашу собственную, будьте как можно более конкретными c (это также CSS best- практика). Селекторы Specifi c позволят избежать побочных эффектов (таких как непреднамеренное изменение стиля других элементов).

См. Также этот вопрос и ответ