Как убрать подчёркивание текста в ссылке?

Question

[Тимофей Михайлов]

Я накидал самый простой пример -> тут

Проблема вот какая. В ссылке <a></a> имеется текст, и компонент <div></div> в котором тоже присутствует текст.
Мне нужно сделать так, что-бы текст в <div></div>не подчёркивался.
В примере я применил другой "text-decoration" к блоку <div></div>, но он не заменил стиль от родителя, а дополнил его ...
т.е. у меня у текста в <div></div> получилось два "text-decoration", один внизу от ссылки, и второй от <div></div>.

Подскажите как можно решить данную проблему?
Спасибо!

Comments

[Lynn «Кофеман»]

Завернуть текст в дополнительный элемент и выставлять подчёркивание на нём

[Тимофей Михайлов]

Алексей Тен, ну я примерно так и сделал.
Напишите ответ, а не комментарий.
Я отмечу ваш ответ как решение

Answer 1

[Brad9aga]

а это, что бы ты видел свои косяки

а это походу то, что тебе над

Comments

[Тимофей Михайлов]

У вас опечатка в классе:

.yes:hover, .yes:active{
  1text-decoration: underline;
}

А если 1-цу убрать, то получится как и было

[Brad9aga]

Тимофей Михайлов, то же самое что комментарии, просто так быстрее

[Brad9aga]

Тимофей Михайлов, это не опечатка,я так делаю, когда мне надо, что бы свойство не работало

[Тимофей Михайлов]

Brad9aga, Я понял, извиняюсь что оскорбил вас ))
Но задача в чём заключалась.
1. Слово "Hello" должно подчёркиваться
2. а "my friend !" не должно подчёркиваться

[Brad9aga]

Тимофей Михайлов, я давно обновил
выбирай какой хоч вариант

[Тимофей Михайлов]

Я сделал, вот так вот -> тут

[Brad9aga]

Тимофей Михайлов,

[Тимофей Михайлов]

ахаха, какой ужас.
Спасибо!