{"id":304728,"date":"2020-03-09T07:04:54","date_gmt":"2020-03-09T14:04:54","guid":{"rendered":"https:\/\/css-tricks.com\/?p=304728"},"modified":"2020-03-09T07:04:55","modified_gmt":"2020-03-09T14:04:55","slug":"use-avisited-in-your-css-stylesheet","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/use-avisited-in-your-css-stylesheet\/","title":{"rendered":"Use a:visited in your CSS stylesheet"},"content":{"rendered":"\n<p>Evert Pot:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Unfortunately, when setting a new color (e.g. <code>a { color: #44F }<\/code>) the \u2018purple visited link\u2019 feature also gets disabled. I think this is a shame, as there\u2019s so many instances where you\u2019re going through a list of links and want to see what you\u2019ve seen before.<\/p><p>The 2 examples I ran into today were:<br><br>\u2022 AWS Cloudwatch Logs<br>\u2022 Stackoverflow search results<\/p><\/blockquote>\n\n\n\n<p>I like those use cases. My take is that <code>:visited<\/code> is perhaps a bit under-used in general, but not by much. It&#8217;s useful in that situation where a user might wonder: <em>hmmmm, have I seen this one yet?<\/em> <\/p>\n\n\n\n<p>I&#8217;m not particularly compelled to use it on this site \u2014 as I&#8217;m not convinced it matters for the UX if you&#8217;ve visited any particular link, particularly not in a blog-like setting as here.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Evert Pot: Unfortunately, when setting a new color (e.g. a { color: #44F }) the \u2018purple visited link\u2019 feature also gets disabled. I think this is a shame, as there\u2019s so many instances where you\u2019re going through a list of links and want to see what you\u2019ve seen before. The 2 examples I ran into [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":273933,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[17],"tags":[1331],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/07\/link-pattern.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/304728"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=304728"}],"version-history":[{"count":3,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/304728\/revisions"}],"predecessor-version":[{"id":304744,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/304728\/revisions\/304744"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/273933"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=304728"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=304728"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=304728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}