Intereting Posts
Удаление html-тегов из текста с использованием регулярного выражения в python Как отобразить alt-текст для изображения в хроме Заменить контент для переменной PHP (сохранены tags HTML) Как использовать как onclick, так и target = “_ blank” динамическая высота iframe в зависимости от содержимого PHP? Почему текст, предоставленный alt, не отображается, если изображение не загружается? Получите полный путь всех файлов некоторых типов из html-файла и поместите их в массив с помощью js / jQuery PHP, удаляющий html-tags из строки HTML-тег изображения с базой (строка URI) Использование jQuery пытается изменить фоновый цвет текстового поля, но не работает в wordpress Почему поля не работают в Internet Explorer с html5 и переполнением: скрыты? Может ли опция в теге Select иметь несколько значений? Анимация / Усадка NavBar в прокрутке с помощью Bootstrap 4 Как создать форму, аналогичную форме входа в Google? Изменение метатег-динамиков с помощью jQuery

Объедините a: посещенный с помощью: после или цепочки псевдоclassов с псевдоэлементами

Предположим, я захотел добавить фигуру (например, галочку) рядом со ссылкой после ее посещения, вместо того, чтобы ее просто фиолетовый, используя: после и с: посещенным.

Я не уверен, что я должен выбрать такую ​​форму:

a:visited:after { 

или вот так:

 a:visited a:after 

или

 a:visited :after { 

(я тоже немного нечеткий, когда мне нужно или не нужно добавлять пробел перед псевдоэлементом, или это даже имеет значение?)

или что-то другое?

Сейчас мой css выглядит так:

 a:visited:after { /* check mark shape */ content:'\00a0'; color: black; position: relative; left:15px; display:inline-block; width: 3px; height: 6px; border: solid black; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } 

код формы галочки от http://webitect.net/design/webdesign/creating-fancy-bullet-points-with-pure-css3/

Спасибо за любую помощь.

Вы должны использовать a:visited:after как вы сейчас делаете. Это не работает не из-за ошибки в вашем коде, а потому, что проблема заключается в псевдо-classе :visited – он не позволяет использовать псевдоэлементы из-за проблем конфиденциальности .

Таким образом, вы не сможете применять свой значок галочки только к посещенным ссылкам.

В соответствии с этим:

(я тоже немного нечеткий, когда мне нужно или не нужно добавлять пробел перед псевдоэлементом, или это даже имеет значение?)

Это имеет значение, поскольку пространство представляет собой комбинатор потомков:

  1. Селектор a:visited a:after представляет собой :after псевдоэлемента a который является потомком другого a который является посещенной ссылкой, что в HTML не имеет смысла.

  2. Селектор a:visited :after похож на a:visited a:after , за исключением a:visited a:after , что он представляет :after любого потомка a:visited .

    Его можно переписать как a:visited *:after . См. Универсальный селектор в спецификации.

Пропуская пробел, вы применяете псевдоэлемент непосредственно к элементу, представленному селектором перед ним, который в вашем случае является a:visited , а не его потомками.