2016-03-05 5 views
2

Я читал о :visited pseudo class on MDN, и они сказали, что :visited псевдо-класс может быть преодолен классом :link псевдо:Как pseudo class `: visited` переопределяется псевдокомпьютом`: link`?

The: посетил CSS псевдо-класс позволяет выбрать только ссылки, которые были посещены. Этот стиль может быть переопределен любыми другими псевдоклассами, связанными с ссылкой, то есть: ссылка

Я не могу воссоздать эту функцию. Я попробовал два сценария. Один с :link, упомянутый выше :visited, а затем наоборот, но оба сценария работают одинаково. В следующем сценарии псевдокласс класса :link не переопределяет псевдокласс класса :visited. Якорный элемент становится красным, когда он посещается не зеленым.

a:visited { 
 
    color: red; 
 
} 
 
a:link { 
 
    color: green; 
 
}
<a href="http://www.hello.com">Go to Hello.com </a>

Итак, как класс :visited псевдо получить переопределены :link класса псевдо? Будет ли наблюдаемая разница, если :link объявлен после или до :visited в таблице стилей?

ответ

3

Я думаю, что это небольшая ошибка в документации.

Реальная проблема заключается в том, что, если не посещенных: ссылка псевдо класса больше не aplies, в любом случае

The: ссылка CSS псевдо-класс позволяет выбрать ссылки внутри элементов. Это будет выбрать любую ссылку, которая до сих пор не посетили,

привел также из MDN

Итак, в ваших примерах: Ссылка не будет работать в любой случае, независимо от того, что вы делаете , как только ссылка посещается

+0

Но это очевидно. Это то, что должен делать ': visit'. Я думал, что упоминание ': visited' перед': link' переопределяет ': visited' таким образом, что свойства будут определяться только псевдоязыком': link', независимо от того, посещена ли ссылка или нет, но это не происходит. Заказ ': link' и': visited' не имеет значения. ': link' стили только невидимые ссылки и стили': visited' посещенных. Они оба взаимоисключающие. – user31782

+0

@ user31782: «Но это очевидно». Так в чем же дело? Как этот ответ не затрагивает ваш вопрос? – BoltClock

+0

@BoltClock Ответ точно соответствует моему вопросу. В _But это очевидно. Я имел в виду, что это настолько очевидно, что при посещении, псевдо-класс: link больше не применяется. – user31782