{"id":17408,"date":"2020-05-25T01:02:25","date_gmt":"2020-05-25T08:02:25","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=17408"},"modified":"2023-12-01T03:02:50","modified_gmt":"2023-12-01T11:02:50","slug":"css-active","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/css-active\/","title":{"rendered":"CSS Active"},"content":{"rendered":"\n<p>When you\u2019re designing a website, you may want to apply a style to an element when it is being activated by the user. For instance, you may want the color of a button or a link to change when the user clicks on the button or link.<br><\/p>\n\n\n\n<p>That\u2019s where the CSS :active pseudo-class comes in. The :active pseudo-class allows you to select elements that have been activated by the user, to which you can then apply styles.<br><\/p>\n\n\n\n<p>This tutorial will discuss, with examples, the basics of CSS pseudo-classes and how you can use the :active pseudo-class in your code. By the end of reading this tutorial, you\u2019ll be an expert at using the :active pseudo-class.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSS Pseudo-classes<\/h2>\n\n\n\n<p>In CSS, selectors are used to select the elements to which a style or set of styles should be applied. For instance, a selector may select all &lt;h1&gt; or &lt;select&gt; tags on a web page, to which a set of styles will then be applied.<br><\/p>\n\n\n\n<p>Often, when you\u2019re styling a website, you\u2019ll want to apply a style only when an element has entered a special state, such as being clicked by the user or being moused over. That\u2019s where pseudo-classes come in.<br><\/p>\n\n\n\n<p>Pseudo-classes are keywords added to a selector that allow you to select a particular element when that element exists in a certain state.<br><\/p>\n\n\n\n<p>For this tutorial, we\u2019re going to focus on the :active pseudo-class.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSS :active Pseudo-class<\/h2>\n\n\n\n<p>The :active pseudo-class allows you to select an element that is being activated by the user. In CSS terms, \u201cactivating\u201d means when a user presses down the mouse button and clicks on the element.<br><\/p>\n\n\n\n<p>The :active pseudo-class is typically used with &lt;a&gt; and &lt;button&gt; elements. For instance, you could use the :active pseudo-class to change the color of a link to red when it is clicked, or to change the background color of a button to light blue when it is clicked.<br><\/p>\n\n\n\n<p>Once the user has stopped clicking on an element, the element will no longer be \u201cactivated\u201d. So, the element will not be selected by the :active selector when the user stops clicking on an element.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSS :active Examples<\/h2>\n\n\n\n<p>Let\u2019s walk through two examples to illustrate how you can use the :active pseudo-class.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Active Links<\/h3>\n\n\n\n<p>Suppose we are designing a website for a local card game club, the Wizards of the Boards. We have been tasked with creating an \u201cAbout\u201d page that includes a link to a web page that lists the card games played by members of the club.<br><\/p>\n\n\n\n<p>By default, this link should appear in light blue. When this link is clicked, its text color should change to orange. To accomplish this task, we can use the :active pseudo-class. Here\u2019s the code we would use to change the color of our text when a link is clicked:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;html&gt;\n&lt;p&gt;Wizards of the Boards is a Philadelphia, PA-based card game club. The club, founded by Michael Johnson and Gabriella Patel in 2004, welcomes players of all card games to come along. The club meets twice each week, on Mondays and Fridays, to discuss the latest in the card games our members play, and to sit down for a few matches of our favorite games.\nTo learn more about the games we play at Wizards of the Boards, &lt;a href=\"\/games.html\"&gt;click here&lt;\/a&gt;.&lt;\/p&gt;\n&lt;\/html&gt;\n&lt;style&gt;\na {\n\tcolor: lightblue;\n}\na:active {\n\tcolor: orange;\n}\n&lt;\/style&gt;<\/pre><\/div>\n\n\n\n<p>Our code returns: <em>Click the&nbsp;<\/em><img loading=\"lazy\" decoding=\"async\" width=\"24\" height=\"24\" class=\"wp-image-13930\" style=\"width: 24px;\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/iconfinder_play-circle-outline_326584.png\" alt=\"Image of the &quot;Run Code&quot; Button, a triangle inside a circle\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/iconfinder_play-circle-outline_326584.png 24w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/iconfinder_play-circle-outline_326584-20x20.png 20w\" sizes=\"auto, (max-width: 24px) 100vw, 24px\" \/> <em>button in the code editor above to see the output of our HTML\/CSS code.<\/em><\/p>\n\n\n\n<p>In our HTML file, we have defined a paragraph of text using &lt;p&gt; tags which outlines the history of the Wizards of the Boards card game club. In our &lt;p&gt; tag, we have specified an &lt;a&gt; tag which links to the page \u201cgames.html\u201d, and is triggered when the user clicks on the text \u201cclick here\u201d.<br><\/p>\n\n\n\n<p>In our CSS code, we have specified two style rules. First, we have specified a rule that sets the text color of all &lt;a&gt; tags to light blue. Then, we specified a rule using the :active selector that sets the text color of all active &lt;a&gt; tags to orange. In other words, this rule changes the color of a link when a user is clicking on it.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Active Buttons<\/h3>\n\n\n\n<p>We have been working on a form for the Wizards of the Boards card game club which allows people to submit their interest to the club.<br><\/p>\n\n\n\n<p>Toward the end of our form, we want to create a button that says \u201cSubmit Your Interest\u201d. When this button is clicked, a 3px-wide orange border should be applied around the button.<br><\/p>\n\n\n\n<p>We could create this button using the following code:<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;html&gt;\n&lt;button&gt;Submit Your Interest&lt;\/button&gt;\n&lt;\/html&gt;\n&lt;style&gt;\nbutton:active {\n\tborder: 3px solid orange;\n}\n&lt;\/style&gt;<\/pre><\/div>\n\n\n\n<p>Our code returns: <em>Click the&nbsp;<\/em><img loading=\"lazy\" decoding=\"async\" width=\"24\" height=\"24\" class=\"wp-image-13930\" style=\"width: 24px;\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/iconfinder_play-circle-outline_326584.png\" alt=\"Image of the &quot;Run Code&quot; Button, a triangle inside a circle\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/iconfinder_play-circle-outline_326584.png 24w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/iconfinder_play-circle-outline_326584-20x20.png 20w\" sizes=\"auto, (max-width: 24px) 100vw, 24px\" \/> <em>button in the code editor above to see the output of our HTML\/CSS code.<\/em><\/p>\n\n\n\n<p>Let\u2019s break down our code. In our HTML file, we have defined a button using the &lt;button&gt; tag. This button contains the text \u201cSubmit Your Interest\u201d.<br><\/p>\n\n\n\n<p>In our CSS style sheet, we have defined one rule that applies to a &lt;button&gt; tag when it is made active by the user. This rule creates a 3px-wide solid border around our button. We use the :active selector to only apply this rule when the button is active.<br><\/p>\n\n\n\n<p>So, if we click on our button, an orange border will appear, and as soon as we stop clicking on the button, the border will disappear.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>The CSS :active pseudo-class allows you to select an element when it is in its \u201cactive\u201d state. Once you\u2019ve selected an active element, you can apply a style or set of styles to the element.<br><\/p>\n\n\n\n<p>The :active pseudo-class is commonly used with &lt;a&gt; tags and &lt;button&gt; tags to create effects that are triggered when a link or a button is clicked, respectively.<br><\/p>\n\n\n\n<p>This tutorial discussed the basics of CSS pseudo-classes and how to use the :active pseudo-class. Now you\u2019re equipped with the knowledge you need to start using the :active pseudo-class like an expert.<\/p>\n","protected":false},"excerpt":{"rendered":"When you\u2019re designing a website, you may want to apply a style to an element when it is being activated by the user. For instance, you may want the color of a button or a link to change when the user clicks on the button or link. That\u2019s where the CSS :active pseudo-class comes in.&hellip;","protected":false},"author":240,"featured_media":17409,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17287],"tags":[],"class_list":{"0":"post-17408","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-css"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"CSS","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":"","is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v27.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>CSS :active pseudo-class, learn about it with Career Karma<\/title>\n<meta name=\"description\" content=\"The CSS :active pseudo-class allows you to select an element when a user is clicking on the element. On Career Karma, learn how to use the :active pseudo-class.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/css-active\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Active\" \/>\n<meta property=\"og:description\" content=\"The CSS :active pseudo-class allows you to select an element when a user is clicking on the element. On Career Karma, learn how to use the :active pseudo-class.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/css-active\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-25T08:02:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-01T11:02:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/business-code-coding-computer-270360.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1020\" \/>\n\t<meta property=\"og:image:height\" content=\"679\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"James Gallagher\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"James Gallagher\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-active\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-active\/\"},\"author\":{\"name\":\"James Gallagher\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94\"},\"headline\":\"CSS Active\",\"datePublished\":\"2020-05-25T08:02:25+00:00\",\"dateModified\":\"2023-12-01T11:02:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-active\/\"},\"wordCount\":936,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-active\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/business-code-coding-computer-270360.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/careerkarma.com\/blog\/css-active\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-active\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/css-active\/\",\"name\":\"CSS :active pseudo-class, learn about it with Career Karma\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-active\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-active\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/business-code-coding-computer-270360.jpg\",\"datePublished\":\"2020-05-25T08:02:25+00:00\",\"dateModified\":\"2023-12-01T11:02:50+00:00\",\"author\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94\"},\"description\":\"The CSS :active pseudo-class allows you to select an element when a user is clicking on the element. On Career Karma, learn how to use the :active pseudo-class.\",\"breadcrumb\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/css-active\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/careerkarma.com\/blog\/css-active\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-active\/#primaryimage\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/business-code-coding-computer-270360.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/business-code-coding-computer-270360.jpg\",\"width\":1020,\"height\":679},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/careerkarma.com\/blog\/css-active\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/careerkarma.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS\",\"item\":\"https:\/\/careerkarma.com\/blog\/css\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"CSS Active\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\",\"url\":\"https:\/\/careerkarma.com\/blog\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/careerkarma.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94\",\"name\":\"James Gallagher\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg\",\"caption\":\"James Gallagher\"},\"description\":\"James Gallagher is a self-taught programmer and the technical content manager at Career Karma. He has experience in range of programming languages and extensive expertise in Python, HTML, CSS, and JavaScript. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.it, Afrotech, and others.\",\"url\":\"https:\/\/careerkarma.com\/blog\/author\/jamesgallagher\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"CSS :active pseudo-class, learn about it with Career Karma","description":"The CSS :active pseudo-class allows you to select an element when a user is clicking on the element. On Career Karma, learn how to use the :active pseudo-class.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/careerkarma.com\/blog\/css-active\/","og_locale":"en_US","og_type":"article","og_title":"CSS Active","og_description":"The CSS :active pseudo-class allows you to select an element when a user is clicking on the element. On Career Karma, learn how to use the :active pseudo-class.","og_url":"https:\/\/careerkarma.com\/blog\/css-active\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-05-25T08:02:25+00:00","article_modified_time":"2023-12-01T11:02:50+00:00","og_image":[{"width":1020,"height":679,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/business-code-coding-computer-270360.jpg","type":"image\/jpeg"}],"author":"James Gallagher","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"James Gallagher","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/css-active\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/css-active\/"},"author":{"name":"James Gallagher","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"headline":"CSS Active","datePublished":"2020-05-25T08:02:25+00:00","dateModified":"2023-12-01T11:02:50+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-active\/"},"wordCount":936,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-active\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/business-code-coding-computer-270360.jpg","articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/css-active\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/css-active\/","url":"https:\/\/careerkarma.com\/blog\/css-active\/","name":"CSS :active pseudo-class, learn about it with Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/css-active\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/css-active\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/business-code-coding-computer-270360.jpg","datePublished":"2020-05-25T08:02:25+00:00","dateModified":"2023-12-01T11:02:50+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"description":"The CSS :active pseudo-class allows you to select an element when a user is clicking on the element. On Career Karma, learn how to use the :active pseudo-class.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/css-active\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/css-active\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/css-active\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/business-code-coding-computer-270360.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/business-code-coding-computer-270360.jpg","width":1020,"height":679},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/css-active\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS","item":"https:\/\/careerkarma.com\/blog\/css\/"},{"@type":"ListItem","position":3,"name":"CSS Active"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94","name":"James Gallagher","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg","caption":"James Gallagher"},"description":"James Gallagher is a self-taught programmer and the technical content manager at Career Karma. He has experience in range of programming languages and extensive expertise in Python, HTML, CSS, and JavaScript. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.it, Afrotech, and others.","url":"https:\/\/careerkarma.com\/blog\/author\/jamesgallagher\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/17408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/240"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=17408"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/17408\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/17409"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=17408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=17408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=17408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}