Почему не работает псевдокласс not?

Question

[Простой Человек]

Делаю так

a:link:not(:visited) h3 {
    text-shadow: 0px 0px 1px #FFF !important;
}

Обычные ссылки с тенью и посещённые тоже (точнее h3 в них).
Других свойств под тень есть. Точнее два, но они запрещающие для определённого класса.
Почему это не работает?

Comments

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

Выражение a:link:not(:visited) не имеет смысла. Вернее это абсолютно то же самое что и просто a:link

The :link pseudo-class applies to links that have not yet been visited.

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

В общем нужен живой пример

[Простой Человек]

Lynn «Кофеман», Ок, так тоже не работает

a:not(:visited) h3 {
    text-shadow: 0px 0px 1px #FFF !important;
}
a:hover:not(visited) h3, div a:hover:not(visited) {
    text-shadow:0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff !important;
}

ПС. Это результаты гугла, со стилем для Stylish

Answer 1

[Сергей delphinpro]

https://developer.mozilla.org/ru/docs/Web/CSS/:link

CSS псевдокласс :link позволяет выбирать ссылки внутри элементов. Он выберет любую ссылку, которая ещё не была посещена, даже те, которые уже стилизованы, с помощью селекторов с другими псевдоклассами, относящимися к ссылкам, такими как :hover, :active или :visited

Вы фигню написали. :link и так уже НЕ :visited

Ну и стоит помнить про каскад - последовательность объявлений имеет значение.

пишите так

a:link {}
a:visited {}
a:hover {}
a:active {}

Comments

[Простой Человек]

Ок, так тоже не работает

a:not(:visited) h3 {
    text-shadow: 0px 0px 1px #FFF !important;
}
a:hover:not(visited) h3, div a:hover:not(visited) {
    text-shadow:0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff !important;
}

ПС. Это результаты гугла, со стилем для Stylish