Есть ли способ использовать встроенные стили для определения стиля посещенной ссылки?

Итак, вместо этого используйте css:

<style type="text/css">
a:visited {
   color: red;
}
</style>

Это можно сделать с помощью встроенного кода. Что-то вроде этого не работает:

<a href="#" onclick="location.href='http://google.com'; return false;" style='a:visited:color:red'>Google.com</a>

Ответы

Ответ 1

Вы не можете этого сделать, спецификация (здесь CSS2) кратко описывает это здесь:

Ни псевдо псевдонимы, ни псевдоклассы не появляются в источнике документа или дереве документов.

:visited вместе с другими модификаторами - все псевдоклассы, и никогда не было стандартной установки синтаксиса, чтобы делать то, что вы пытаетесь сделать. Честно говоря, это первый раз, когда я когда-либо видел его, поэтому я не думаю, что он будет добавлен в спецификацию в ближайшее время... извините, что ответ отстой, но это то, что он:)

Ответ 2

Конечно, вы можете...

<a href="https://www.yahoo.com/" target="_blank"style="text-decoration: none; border-bottom: 1px solid pink;color:pink !important;">
           some link
        </a>

jfiddle

Ответ 3

Просто добавьте одну мотивацию для достижения этого встроенного стиля для различных состояний href: на какой-то странице может появиться текст со ссылкой в ​​одном, где фон отличается от общего фона.

Основной CSS для "a" дает им один цвет, который не хорош в этой конкретной и особой области.

По этой причине, чтобы дать пользователю понять, что ссылка является ссылкой, вам нужно покрасить эту ссылку по-разному от других.

Для меня это сработало, чтобы установить тег style="color: #5070BB;" внутри тега <a href="..", но, возможно, что для этого фона не подходят ни те, ни посещенные, ни цвета a: hover, и было бы полезно установить их inline.

Да, это определенно одиночная и одинокая ситуация, но это реальный случай.

Ciao!

Ответ 4

Нет, это не то, как работают встроенные стили. Он находится в спецификации, однако браузеры, похоже, не поддерживают его.

Ответ 5

Нет. Pseduoclasses (например, first-child,: hover) используются в качестве селекторов, основанных на поведении и отношении к другим элементам DOM. Встроенные стили содержат правила. Даже если в некоторых случаях браузеры поддерживают это, это будет странно.

Ответ 6

Насколько я знаю, он не поддерживается... но добавляет некоторые пояснения по причине желания сделать это, так как это определенно будет субоптимальным способом сделать это на обычной веб-странице, причина заключалась бы в использовании в HTML-письме электронной почты, который, за исключением некоторых хороших почтовых клиентов, не поддерживает регулярные таблицы стилей, поэтому необходимо определить все стили inline, чтобы обеспечить хорошую поддержку среди почтовых клиентов (Gmail и Outlook (ugh) пришли к ум.)

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