Почему не работает псевдокласс 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

[Ankhena]

Простой Человек, по меньшей мере hover не там

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

Ankhena, ну то такое, поменял, всё равно не работает.

в спецификациях не указано по поводу псевдоклассов, может из-за этого, что мол это не по стандарту?

Answer 1

[Ankhena]

Простой Человек,
Кажется и не получится

Примечание: Из-за причин приватности, браузеры строго ограничивают стили, которые вы можете применить к элементу, используя этот псевдокласс: только color, background-color, border-color, border-bottom-color, border-left-color, border-right-color, border-top-color, outline-color, column-rule-color, fill и stroke. Компонент альфа-канала в доступных стилях будет игнорироваться. Вместо него будет использоваться альфа-канал, используемый для непосещённых ссылок. Если в цвете альфа-канала для посещённых ссылок задан 0, то в этом случае будет использоваться цвет непосещённых ссылок.Несмотря на то, что цвет может меняться, метод getComputedStyle наврёт и всегда будет давать значение цвета непосещённых ссылок.Для дополнительной информации об ограничениях и их причин, смотрите Приватность и селектор :visited.

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

Comments

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

Мдаа, печально. Уже скоро вообще ничего не сделаешь, всё будет не кастомизируемым.

[Ankhena]

Простой Человек, в каком смысле скоро? Этому поведению 100 тысяч лет.
Наоборот, появляются всё новые и новые возможности.
Более простые эффекты из перечисленных будут работать.

[Ankhena]

Простой Человек, в общем, это ответ на ваш вопрос

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

Ankhena, ну какие 100 тысяч, просто давно уже на занимался, а так то в ~20 году всё ещё нормально работало.

[Александр]

Простой Человек, Вы можете скачать версию браузера 20-го года и проверить.

Answer 2

[Сергей 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

[Сергей delphinpro]

Простой Человек, да зачем же так?

a:link h3 {
    text-shadow: 0px 0px 1px #FFF; /* Не посещенные ссылки */
}
a:visited h3 {
    text-shadow: none; /* У посещенных убрать тень */
}

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

Сергей delphinpro, не, так тоже работает.
Хотя не совсем так. Странно. Правило "формально" отработало, а по факту нет.