{"id":89,"date":"2022-01-11T19:23:09","date_gmt":"2022-01-11T19:23:09","guid":{"rendered":"https:\/\/melfaeforest.xhere.eu.org\/?p=89"},"modified":"2022-02-02T21:42:47","modified_gmt":"2022-02-02T21:42:47","slug":"html-css-course-day-5-styling-hyperlinks","status":"publish","type":"post","link":"https:\/\/melfaeforest.xhere.eu.org\/?p=89","title":{"rendered":"HTML\/CSS Course \u2013 Day 5 \u2013 Styling Hyperlinks"},"content":{"rendered":"\n<p>For styling hyperlinks in CSS, you never want to target the &lt;a&gt; tag itself; instead you want to target the attributes of the &lt;a&gt; tag for styling. There are 4 main tags that you\u2019ll likely stylize for hyperlinks:<\/p>\n\n\n\n<p>1) a:link \u2013 This determines the styling of a link when its idle (I.E not being hovered over or clicked.) You\u2019ll most likely only stylize the color of the idle hyperlink, or remove the underline links have with \u201ctext-decoration: none;\u201d.<\/p>\n\n\n\n<p>2) a:visited \u2013 This determines the link if you already visited the site it links to already. Most of the time you\u2019ll either not stylize this attribute, or just change its color (mostly to the same color as an idle non-visited link, if anything.)<\/p>\n\n\n\n<p>3) a:hover \u2013 This determines what happens to the link when you hover over it. This one is the one hyperlink styling attribute you would style the most. Some popular choices of styling would be the color, the font-weight, and the text-decoration.<\/p>\n\n\n\n<p>4) a:active \u2013 This determines what happens when you click the link. Again, you\u2019ll likely not stylize this link attribute too much, if anything, as the most you\u2019ll likely ever do is change the link color, background-color, font-style, and\/or font-weight.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For styling hyperlinks in CSS, you never want to target the &lt;a&gt; tag itself; instead you want to target the attributes of the &lt;a&gt; tag for styling. There are 4 main tags that you\u2019ll likely stylize for hyperlinks: 1) a:link \u2013 This determines the styling of a link when its idle (I.E not being hovered [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[6],"class_list":["post-89","post","type-post","status-publish","format-standard","hentry","category-html-css-course","tag-html-css-course"],"_links":{"self":[{"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/posts\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=89"}],"version-history":[{"count":2,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/posts\/89\/revisions"}],"predecessor-version":[{"id":288,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/posts\/89\/revisions\/288"}],"wp:attachment":[{"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}