текст-украшение на ярлыке не работает

Я пытаюсь удалить все стили ссылок с метки <a>. Я пробовал всевозможные вещи, и ничего не работает. Я могу получить подчеркивание, чтобы уйти, но посещаемые ссылки по-прежнему остаются другого цвета. Легкое исправление было бы просто установить цвет текста вперед (и это работает), но я не хочу этого. Я воспроизвел этот вопрос здесь: https://jsfiddle.net/qod4dz5x/текст-украшение на ярлыке не работает

Я предполагаю, что это связано с тем, что у меня есть тег <h2> в теге <a>?

<a href="http://google.com"><h2> 
Google 
</h2></a> 


a:link { 
    text-decoration: none !important; 
} 

a:visited { 
    text-decoration: none !important; 
} 

a:hover { 
    text-decoration: none !important; 
} 

a:active { 
    text-decoration: none !important; 
}

Что мне не хватает? Спасибо за любой полезный ввод.

источник

2016-03-11 mwilson

'text-decoration' просто избавляется от подчеркивания, а не от цвета. – Wowsk

Но не должен: посещать текстовое оформление: никто в принципе не отрицает никакого текстового исправления? – mwilson

Да, но 'text-decoration' имеет дело только с подчеркиванием. – Wowsk

Как упоминалось выше Уоском, текст-украшение относится к подчеркиванию, а не к цвету. Вам нужно отдельное правило для этого:

a:visited { 
    text-decoration: none;/*important is not necessary here or in any of the other psuedo selectors */ 
    color:black;/* or any color*/ 
}

в качестве альтернативы, вы можете просто установить цвет для <a> тегов, которые будут преобладать над psuedoselectors все равно:

a { 
    color:black; 
    text-decoration:none; 
}

источник

2016-03-11 02:31:16

Разве это не то, что я сделал в своем ответе? –

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

a:link { 
    text-decoration: none; 
    color:black; 
} 

a:visited { 
    text-decoration: none; 
    color:black; 
} 

a:hover { 
    text-decoration: none; 
} 

a:active { 
    text-decoration: none; 
}

источник

2016-03-11 02:27:32

вопрос с псевдо-селекторов : link:: active и т. д. Если вы просто установите один общий набор свойств тегов <a>, как в приведенном ниже примере, и вы будете установлены.

a { 
    text-decoration: none; 
    color: black; 
}

Одна заметки о текстовых украшениях и цвете:

текст-отделка свойства не влияет на цвет текста. По моему опыту, лучшим решением для согласованного цвета является установка общего стиля тегов, который включает в себя: color: inherit;. Таким образом, ваши теги всегда будут независимо от того, какой цвет имеет их родительский элемент.

источник

2016-03-11 02:41:13

текст-украшение на ярлыке не работает

ответ

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