Удалить все подчеркивания из ссылок на странице?

#html #css #hyperlink

#HTML #css #гиперссылка

Вопрос:

Я работал с очень простым CSS:

 a {
    text-decoration: none;
}

Если я включу это в заголовок страницы, это удалит большинство подчеркиваний из ссылок на странице. Но всегда есть некоторые, которые сохраняются. Например, в gmail есть подчеркивания в разделе «Об этих ссылках», который представляет собой интервал, «Отключить Buzz», тоже интервал.

Я пробовал оформление текста: нет в span и все остальное, что я могу придумать, но эти подчеркивания сохраняются.

Как я могу избавиться от этих вещей? Есть ли другие элементы, которые могут иметь подчеркивания? Как я могу избавиться от них всех?

1. Можете ли вы предоставить какой-либо образец веб-страницы, который вы создали, и гиперссылки не исчезнут?

2. Какое отношение Gmail имеет к вашему коду? Но в любом случае, у объектов может быть нижняя граница, чтобы казалось, что у них также есть подчеркивание. Возможно, вам также придется добавить text-decoration: none !important; для принудительного удаления подчеркивания, если оно переопределяется другим стилем.

3. Возможно, эти стили имеют !important после того, как они переопределят то, что вы установили. Как говорили другие, используйте firebug или инструменты разработчика в ie / chrome 🙂

Ответ №1:

Не просматривая страницы, с которыми у вас возникли проблемы, лучшее, что я могу предложить, это следующий совет: используйте Firebug или аналогичный инструмент веб-разработчика для проверки проблемных элементов, чтобы выяснить, какие правила CSS влияют на них, и, проанализировав эти правила, вы можете создать свой «счетчик CSS».

1. Итак, приведенный мной пример находится в Gmail, он должен быть у всех. Но я обнаружил проблему — мой CSS находится в начале страницы, тогда как элементы, на которые я хочу настроить таргетинг, — это div или span с установленным для них стилем. Есть ли способ установить все текстовые оформления дочерних элементов из заголовка и переопределить их локальные стили?

2. Опять же, пока вы не покажете точный HTML и CSS, которые у вас есть, мы можем дать вам только неоптимальные ответы. Правила CSS иногда могут стать безумно сложными, когда кто-то, кто не знаком с такими понятиями CSS, как «каскадирование» или «специфичность», пытается их нарушить. Для наглядности вам следует поискать в Google «Война специфики CSS». Итак, пожалуйста, покажите нам код.

Ответ №2:

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

 a, a:link, a:visited, a:hover, a:active, a:visited:hover {
    /* :visited:hover is an old IE bug, not sure if it's still relevant */
    text-decoration:none;
}