{"id":21798,"date":"2020-08-27T10:43:27","date_gmt":"2020-08-27T17:43:27","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=21798"},"modified":"2020-12-29T13:04:28","modified_gmt":"2020-12-29T21:04:28","slug":"html-css-class-id","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/","title":{"rendered":"ID and Class Attributes in HTML and Their CSS Selectors"},"content":{"rendered":"\n<p>When using CSS for styling web pages, you&#8217;ll often want to target certain parts of your page. One of the ways you can select one or more element(s) is by either their ID and\/or Class attributes.<\/p>\n\n\n\n<p>As you go through this tutorial, checkout the interactive <a href=\"https:\/\/codepen.io\/fbohz-the-decoder\/pen\/ZEWpMJL\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">Codepen<\/a> and just play along with me!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The ID Attribute and CSS Selector<\/strong><\/h2>\n\n\n\n<p>Let&#8217;s go ahead and make a simple paragraph, using the &lt;p&gt; tag:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>   &lt;p&gt; Color this paragraph! &lt;\/p&gt;<\/pre><\/div>\n\n\n\n<p>An ID is an unique identifier you add any single element to uniquely identify it. It follows the convention id=&#8221;#NAME&#8221;.&nbsp;<\/p>\n\n\n\n<p>With that in mind, and since we want to color our paragraph, let&#8217;s name it with an unique name.<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>   &lt;p id=&quot;paragraph-colored&quot;&gt; Color this paragraph! &lt;\/p&gt;<\/pre><\/div>\n\n\n\n<p>Now that we have our ID unique identifier, we need to ensure we don&#8217;t add the same ID to another element. While the browser will not complain, it will loose the purpose and the CSS will not work as intended.<\/p>\n\n\n\n<p>With our ID in place, we can select it using the hashtag symbol # with CSS. Let&#8217;s make our p tag purple:<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>#paragraph-colored {\n  color: purple;\n}<\/pre><\/div>\n\n\n\n<p>Easy-peasy right? \ud83d\ude04<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The Class Attribute and its CSS Selector<\/strong><\/h2>\n\n\n\n<p>Cool we have our paragraph with the text colored purple. Let us now suppose we have a bunch of avocados images beneath our single p tag:<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;img src=&quot;https:\/\/avatars1.githubusercontent.com\/u\/43709642?s=280&amp;v=4&quot; alt=&quot;avocado&quot;&gt;\n&lt;img src=&quot;https:\/\/avatars1.githubusercontent.com\/u\/43709642?s=280&amp;v=4&quot; alt=&quot;avocado&quot;&gt;\n&lt;img src=&quot;https:\/\/avatars1.githubusercontent.com\/u\/43709642?s=280&amp;v=4&quot; alt=&quot;avocado&quot;&gt;<\/pre><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/t57_BfxGqHnTGdfEvxaTEOW9kRkMFgks2SILfXRwRRAsOTPg9k8oAPT1CknAK-LNRr5gUXEzd58pXjzFkhhIXlBgR8HjJ-vmb9pdCg1Xoaoi60DQa2YdnuFesZNOyvWBd84rHOOy\" alt=\"\"\/><\/figure>\n\n\n\n<p>How could we identify and select all these avocado-developers (whatever that means)? We know we cannot use the ID tag, because that is used to uniquely identify a single item. This is where the class attribute comes to play.<\/p>\n\n\n\n<p>The class attribute follows the convention class=&#8221;#CLASS_NAME&#8221;. Since many members can belong to a class, all our avocado developers could be assigned a class such as:<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;img src=&quot;https:\/\/avatars1.githubusercontent.com\/u\/43709642?s=280&amp;v=4&quot; alt=&quot;avocado&quot; class=&quot;avocado-devs&quot;&gt;<\/pre><\/div>\n\n\n\n<p>Great! Our avocado images have been assigned the class &#8220;avocado-devs&#8221;. We can now use the CSS class selector that is represented by a simple dot (.). Let&#8217;s go ahead and add the CSS filter property to our avocado devs. We&#8217;ll suppose they are working late at night so let&#8217;s invert their colors 100 percent.<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>.avocado-devs {\n  filter: invert(100)\n}<\/pre><\/div>\n\n\n\n<p>With classes we basically create groups and then with the CSS class selector we can apply styles as we want to the group of elements.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Using Generic Tag Selectors with Class Selectors<\/strong><\/h2>\n\n\n\n<p>We often see that when selecting classes with CSS it is better to use generic tag selectors in conjunction with the dot selector. Why? Because the more <strong>specific<\/strong> we are with our selectors, our CSS will apply much better.<\/p>\n\n\n\n<p>With CSS, we use generic tag selectors by pretty much referring to them by the tag name. So for example these are all valid tag selectors:<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>\/* H1 *\/ \nh1{}\n\/* Paragraphs *\/ \np{ }<\/pre><\/div>\n\n\n\n<p>So we could refactor our image selector by including the <code>img<\/code> generic tag:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>img.avocado-devs {\n  filter: invert(100)\n}<\/pre><\/div>\n\n\n\n<p>The functionality hasn&#8217;t changed, but as your code grows this specificity is important. It will also make your code more readable. Other developers will see that the avocado-devs class refers to an image.<\/p>\n\n\n\n<p>This is important because here we only apply the filter to images that have the specific class name. If we were to add another avocado-dev image without the appropriate class the style will not apply. As web developers this conditional behavior is often what we want.<\/p>\n","protected":false},"excerpt":{"rendered":"When using CSS for styling web pages, you'll often want to target certain parts of your page. One of the ways you can select one or more element(s) is by either their ID and\/or Class attributes. As you go through this tutorial, checkout the interactive Codepen and just play along with me! The ID Attribute&hellip;","protected":false},"author":86,"featured_media":11165,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17287],"tags":[],"class_list":{"0":"post-21798","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":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>ID and Class Attributes in HTML and Their CSS Selectors | Career Karma<\/title>\n<meta name=\"description\" content=\"Master HTML IDs and class attributes and the most important CSS Selectors\" \/>\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\/html-css-class-id\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ID and Class Attributes in HTML and Their CSS Selectors\" \/>\n<meta property=\"og:description\" content=\"Master HTML IDs and class attributes and the most important CSS Selectors\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/html-css-class-id\/\" \/>\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-08-27T17:43:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-29T21:04:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Felipe Boh\u00f3rquez\" \/>\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=\"Felipe Boh\u00f3rquez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/\"},\"author\":{\"name\":\"Felipe Boh\u00f3rquez\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\"},\"headline\":\"ID and Class Attributes in HTML and Their CSS Selectors\",\"datePublished\":\"2020-08-27T17:43:27+00:00\",\"dateModified\":\"2020-12-29T21:04:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/\"},\"wordCount\":537,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/\",\"name\":\"ID and Class Attributes in HTML and Their CSS Selectors | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\",\"datePublished\":\"2020-08-27T17:43:27+00:00\",\"dateModified\":\"2020-12-29T21:04:28+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\"},\"description\":\"Master HTML IDs and class attributes and the most important CSS Selectors\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg\",\"width\":1000,\"height\":667},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/html-css-class-id\\\/#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\":\"ID and Class Attributes in HTML and Their CSS Selectors\"}]},{\"@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\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\",\"name\":\"Felipe Boh\u00f3rquez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"caption\":\"Felipe Boh\u00f3rquez\"},\"description\":\"Felipe Boh\u00f3rquez is a Software Engineer and technical writer at Career Karma. He covers all things frontend and backend development.\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/felipe-bohorquez\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"ID and Class Attributes in HTML and Their CSS Selectors | Career Karma","description":"Master HTML IDs and class attributes and the most important CSS Selectors","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\/html-css-class-id\/","og_locale":"en_US","og_type":"article","og_title":"ID and Class Attributes in HTML and Their CSS Selectors","og_description":"Master HTML IDs and class attributes and the most important CSS Selectors","og_url":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-08-27T17:43:27+00:00","article_modified_time":"2020-12-29T21:04:28+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","type":"image\/jpeg"}],"author":"Felipe Boh\u00f3rquez","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Felipe Boh\u00f3rquez","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/"},"author":{"name":"Felipe Boh\u00f3rquez","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220"},"headline":"ID and Class Attributes in HTML and Their CSS Selectors","datePublished":"2020-08-27T17:43:27+00:00","dateModified":"2020-12-29T21:04:28+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/"},"wordCount":537,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/html-css-class-id\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/","url":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/","name":"ID and Class Attributes in HTML and Their CSS Selectors | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","datePublished":"2020-08-27T17:43:27+00:00","dateModified":"2020-12-29T21:04:28+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220"},"description":"Master HTML IDs and class attributes and the most important CSS Selectors","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/html-css-class-id\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/gray-laptop-computer-showing-html-codes-in-shallow-focus-160107.jpg","width":1000,"height":667},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/html-css-class-id\/#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":"ID and Class Attributes in HTML and Their CSS Selectors"}]},{"@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\/e2cbf72dcbfaf9e81a8b6a38c1bd4220","name":"Felipe Boh\u00f3rquez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","caption":"Felipe Boh\u00f3rquez"},"description":"Felipe Boh\u00f3rquez is a Software Engineer and technical writer at Career Karma. He covers all things frontend and backend development.","url":"https:\/\/careerkarma.com\/blog\/author\/felipe-bohorquez\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/21798","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\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=21798"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/21798\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/11165"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=21798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=21798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=21798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}