Вложение CSS-элементов (стилизация ссылки в заголовке)

Question

Я немного схожу с CSSцветовые свойства).Это то, что у меня есть, но оно не работает:

<h3><a href="#">Turn of underline etc</a></h3>

h3 a, a:active, a:visited a:hover {
    text-decoration:none;
    color:#000000;
}

Answer 1

согласно вашему коду, вам нужно использовать h3 четыре раза, как и

h3 a, h3 a:active, h3 a:visited, h3 a:hover {
    text-decoration:none;
    color:#000000;
}

, как у вас сейчас, активное, посещенное и зависание не применяютсяh3 "конкретно"

Answer 2

Вы можете сделать что-то вроде следующего.

Сделайте это для того, когда гиперссылка внутри h3 наведена мышкой.

h3 a:hover {
    color: #FFFF20;
}

И это для фактического стиля (когда не наведено)), текстовое оформление должно убрать ваше подчеркивание.

h3 a {
    text-decoration: none;
    color: #EBE6C8;
}

Answer 3

Это должно сделать это:

h3 a {
    text-decoration:none;
    color:#000;
}

Демонстрационная версия: http://jsfiddle.net/simevidas/7A2JX/

Answer 4

Кроме того, если вы противоречите общепринятому стилю (стилю, установленному для ваших стандартных тегов), вам может потребоваться добавить «! Важно» к тегу, который вы изменяете.

Используя ваш пример:

<h3><a href="#">Turn of underline etc</a></h3>

h3 a {
    text-decoration:none !important;
    color:#000000;
    }

Надеюсь, это поможет!

Answer 5

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

Пример кода с классом

CSS

h3 a.someClass {
    text-decoration: none;
    color: #000000;
}

//If you want style on hover do something like this
a:hover.h3-anchor {
    color:#FF0000;
}

HTML

<h3><a class="someClass" href="#">Some Text</a></h3>

Исходя из вашего комментария к Sime, я не уверен, почему его переопределение, когда стиль тега привязки является отдельным.Он переопределит, если вы не сделаете что-то вроде этого тела в {} или другом блоке, внутри которого находится ваш .

Answer 6

вы пропустили запятую после: посещенных.