Подчеркивание у ссылок?

Question

[fleshik]

Подскажите почему в данном коде https://pastebin.com/fkVHb2gv для ссылок не срабатывает свойство text-decoration: none; не убирается подчеркивание хотя все остальные свойства отступ, выравнивание размер текста срабатывают нормально с чем это связано?

Comments

[Dolosweb]

text-decoration: none !important;

[WapSter]

Dolosweb, ужас какой. Не надо так делать.

[Dolosweb]

WapSter, быстрый способ, быстрый результат.

Answer 1

[Дима Паутов]

потому что ваш селектор указывает на div, а не на ссылку. Измените селектор следующим образом:

.centr{
    text-align:center;
    margin: 30px;
    font-size: 150%;
    font-weight: bold;
}

.centr a {
    text-decoration: none;
}

Comments

[fleshik]

а это связано с каким то правилом наследования или с чем что все свойства применились к тегу "а", а text-decoration нет

[John Didact]

fleshik, связанно с тем, что это свойство не наследуется htmlbook.ru/css/text-decoration

[fleshik]

John Didact, спасибо

Answer 2

[NedoProgrammist1979]

CТРАНИЦА 1
CТРАНИЦА 2
CТРАНИЦА 3
.centr, a{
text-decoration: none;
text-align:center;
margin: 30px;
font-size: 150%;
font-weight: bold;

}

Answer 3

[Sadko_MVS]

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