{"id":109,"date":"2022-01-13T18:09:46","date_gmt":"2022-01-13T18:09:46","guid":{"rendered":"https:\/\/melfaeforest.xhere.eu.org\/?p=109"},"modified":"2022-02-02T21:40:58","modified_gmt":"2022-02-02T21:40:58","slug":"109","status":"publish","type":"post","link":"https:\/\/melfaeforest.xhere.eu.org\/?p=109","title":{"rendered":"HTML\/CSS Course \u2013 Day 7 \u2013 Pseudo-Elements"},"content":{"rendered":"\n<p>Pseudo-Elements don\u2019t exist in HTML, but they do in CSS, which allows you to add some some extra decoration to the file, such as changing the color, size, font, etc., of the first character of a line, the first line all together, or even add a bit of sub-text to a parent element.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>The syntax of a pseudo-elements is the following:\n\nselector::pseudo-element {\n  property: value;\n}<\/code><\/pre>\n\n\n\n<p>Examples:<br>selector::first-line (Only applies CSS to the first line of each selected element)<\/p>\n\n\n\n<p>selector::first-letter (Only applies CSS to the first letter of each selected element)<\/p>\n\n\n\n<p>selector::before (Inserts some content before the selected element)<\/p>\n\n\n\n<p>selector::after (Inserts some content after the selected element)<\/p>\n\n\n\n<p>::marker (selects the markers of list items)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pseudo-Elements don\u2019t exist in HTML, but they do in CSS, which allows you to add some some extra decoration to the file, such as changing the color, size, font, etc., of the first character of a line, the first line all together, or even add a bit of sub-text to a parent element. Examples:selector::first-line (Only [&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-109","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\/109","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=109"}],"version-history":[{"count":5,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/posts\/109\/revisions"}],"predecessor-version":[{"id":278,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/posts\/109\/revisions\/278"}],"wp:attachment":[{"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}