LinuxForum.Fans
Тема

Псевдокласс :link и :visited в CSS

Автор: Silencer 11 сообщений 2413 просмотров
#355342

Не знал где еще можно спросить, спрошу тут.
Оба псевдокласса применяются к ссылкам и задают их стилевое оформление.
:link - не посещенная ссылка;
:visited- посещенная ссылка;
Не очень отрадно, что в фаефоксах/хромах работа не корректна, в а IE все работает.
пример кода:

Показать
text

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>псеводкласс</title>
    <style>
    a:link{
        color:red;
        font-size:2em;
        background:#0f0;
    }
    a:visited{        
        color:green;
        font-size:1.25em;
        background:#f0f;
    }
    </style>
</head>
<body>
    <a href="#">ссылка</a>
</body>
</html>

ЧЯДНТ?

#355343
text

<!DOCTYPE html>
<html>
<head>
<style>
a:link
{
background-color:yellow;
}
a:visited
{
background-color:green;
}
</style>
</head>
<body>

<a href="http://linuxforum.ru/">LF</a> <a href="http://google.com">Google</a> <a href="http://browser.yandex.ru/">YB</a> </body> </html>

Хром корректно отрабатывает, ваш код тоже

#355345

Silencer, УМВР и в Хромиуме и в ФФ.

#355349

Прошу прощения, не акцентировал внимания на главном, а именно на правиле font-size.
Посмотрите как отрабатывает пжлста.

#355374

Silencer, font-size нельзя использовать у :visited. Правильнее сказать, font-size у :visited просто игнорируется. По тому у твоих ссылок размер шрифта и не меняется, когда ссылка становится посещенной.

У :visited можно использовать только:

  • color
  • background-color
  • border-color
  • outline-color
  • частично fill и stroke

По крайней мере в Firefox, как у Chromium не знаю. Но, судя по всему, так же.

См. подробней на MDN
https://developer.mozilla.org/en-US/docs/Web/CSS/:visited
https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector

#355388

Если залесть в javascript и/или jquery то можно задать действие при нажатие на ссылку, например добавление класса в котором будет прописано нужное.

#355418
"xxblx" написал:
font-size нельзя использовать у :visited

Да ладно. В оффтопике/IE работает же.

#355419

Вот она где собака зарыта.
Всем спасибо!

#355423
"Silencer" написал:
В оффтопике/IE работает же.

Они никогда не стремились и не стремятся к полной поддержке стандартов, а вместо этого лепят свои никем не поддерживаемые прибабахи.

#355448
"yars" написал:
Они никогда не стремились и не стремятся к полной поддержке стандартов, а вместо этого лепят свои никем не поддерживаемые прибабахи.

Объективней будет сказать, что ФФ для повышения безопасности решил отойти от тех самых стандартов, точнее решил пользоваться лишь их частью.

#355500
"Silencer" написал:
Да ладно. В оффтопике/IE работает же.

Я же в своем сообщении не просто так дописал

"xxblx" написал:
По крайней мере в Firefox

Я отвечал на вопрос: "почему не работает в firefox?". А почему сотрудники Mircosoft не хотят закрывать дыры - это уже не ко мне, я не в курсе ;D

Войдите или зарегистрируйтесь, чтобы ответить.