:link

    0
    78

    Псевдокласс :link применяется к ссылкам, которые еще не посещались пользователем, и задает для них стилевое оформление. Псевдокласс выбирает только ссылки <a>, которые имеют атрибут href.

    Данный псевдокласс выбирает и стилизует ссылки на основе их состояний. У ссылок бывают разные состояния — :link, :visited, :hover и :active. Стили каждого состояния определяются именем псевдокласса.

    Псевдокласс :link применяется к ссылкам, которые еще не были посещенными.

    Если вы определяете стили для четырёх типов состояний желательно использовать их в следующем порядке:

    Этот порядок является предпочтительным, поскольку в противном случае некоторые стили могли переопределить другие стили, тем самым делая их не такими, как ожидалось. К примеру, если вы определили стили для состояния :visited в последнюю очередь, то произойдет переопределение состояний ссылок :active и :hover и стили :visited будут применяться не зависимо от них.

    Кроме того, псевдокласс :link выбирает все ссылки, даже те, которые уже оформлены с использованием любых из трех других псевдоклассов. Так, стили заданные с помощью :visited будут переопределены стилями заданных с использованием :link. Чтобы избежать этой проблемы, используйте порядок указанный выше.

    Тонкости & Особенности

    Спустя некоторое время, браузер может вернуть ссылку из состояния :visited в состояние :link.

    Пример

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

    Живой пример

    Следующий пример демонстрирует работу псевдокласса :link. В последней ссылке в примере, отсутствует атрибут href, поэтому стили псевдокласса :link не будут применяется к данному элементу.

    Поддержка браузерами

    Псевдокласс :link поддерживается всеми основными браузерами.

    ПОДЕЛИТЬСЯ
    Предыдущая статья:last-of-type
    Следующая статья:nth-child()
    Постоянный автор на exabyte.ws. Специализируюсь на Wordpress, Javascript & jQ, REST API. Любые вопросы связанные с Web разработкой вы можете задать лично или в группе вконтакте.

    ОСТАВЬТЕ ОТВЕТ

    Пожалуйста оставьте комментарий!
    Введите ваше имя