{"id":1636,"date":"2016-09-12T19:18:26","date_gmt":"2016-09-12T19:18:26","guid":{"rendered":"http:\/\/tutorialsclass.com\/?post_type=faq&#038;p=1636"},"modified":"2020-04-30T12:03:30","modified_gmt":"2020-04-30T12:03:30","slug":"css-class-selector","status":"publish","type":"faq","link":"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/","title":{"rendered":"What is CSS class selector?"},"content":{"rendered":"\n<p>A CSS class is used to group similar HTML elements. This helps us to apply same style to those elements by placing them in the same class.<\/p>\n\n\n\n<p>Class methods can be called by inserting a &#8216;class&#8217; property and name within an HTML element<\/p>\n\n\n\n<pre class=\"wp-block-code language-markup\"><code>&lt;p class=\"green\"> Sample Text &lt;\/p>\n&lt;p class=\"green\"> Sample Text &lt;\/p>\n&lt;p class=\"green\"> Sample Text &lt;\/p><\/code><\/pre>\n\n\n\n<p>Then, we can call class name with a <code>'.'<\/code> in the CSS file. For example:<br>.<code>green { color: green; }<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A CSS class is used to group similar HTML elements. This helps us to apply same style to those elements by placing them in the same class. Class methods can be called&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"faq_type":[119],"keywords":[],"class_list":["post-1636","faq","type-faq","status-publish","hentry","faq_type-all-css-interview-questions-answers"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is CSS class selector? - FAQs - Tutorials Class<\/title>\n<meta name=\"description\" content=\"What is CSS class selector? - Interview Questions with Answer\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is CSS class selector? - FAQs - Tutorials Class\" \/>\n<meta property=\"og:description\" content=\"What is CSS class selector? - Interview Questions with Answer\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorials Class\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/tutorialsclass\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-30T12:03:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tutorialsclass.com\/wp-content\/uploads\/2020\/07\/tutorials-class-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@TutorialsClass\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/\",\"url\":\"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/\",\"name\":\"What is CSS class selector? - FAQs - Tutorials Class\",\"isPartOf\":{\"@id\":\"https:\/\/tutorialsclass.com\/#website\"},\"datePublished\":\"2016-09-12T19:18:26+00:00\",\"dateModified\":\"2020-04-30T12:03:30+00:00\",\"description\":\"What is CSS class selector? - Interview Questions with Answer\",\"breadcrumb\":{\"@id\":\"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tutorialsclass.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"FAQs\",\"item\":\"https:\/\/tutorialsclass.com\/faq\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML Interview Questions\",\"item\":\"https:\/\/tutorialsclass.com\/faqs\/html\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"HTML 5 Interview Questions &amp; Answers\",\"item\":\"https:\/\/tutorialsclass.com\/faqs\/html\/html-5-interview-questions-answers\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"What is CSS class selector?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tutorialsclass.com\/#website\",\"url\":\"https:\/\/tutorialsclass.com\/\",\"name\":\"Tutorials Class\",\"description\":\"Online Tutorials for Beginners\",\"publisher\":{\"@id\":\"https:\/\/tutorialsclass.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tutorialsclass.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/tutorialsclass.com\/#organization\",\"name\":\"Tutorials Class\",\"url\":\"https:\/\/tutorialsclass.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tutorialsclass.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/tutorialsclass.com\/wp-content\/uploads\/2020\/05\/tutorials-class-logo.png\",\"contentUrl\":\"https:\/\/tutorialsclass.com\/wp-content\/uploads\/2020\/05\/tutorials-class-logo.png\",\"width\":442,\"height\":94,\"caption\":\"Tutorials Class\"},\"image\":{\"@id\":\"https:\/\/tutorialsclass.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/tutorialsclass\",\"https:\/\/x.com\/TutorialsClass\",\"https:\/\/in.pinterest.com\/merientinfotech\/boards\/\",\"https:\/\/www.youtube.com\/channel\/UCzbpQXlqec-bQf1_kwrTuoA\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is CSS class selector? - FAQs - Tutorials Class","description":"What is CSS class selector? - Interview Questions with Answer","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:\/\/tutorialsclass.com\/faq\/css-class-selector\/","og_locale":"en_US","og_type":"article","og_title":"What is CSS class selector? - FAQs - Tutorials Class","og_description":"What is CSS class selector? - Interview Questions with Answer","og_url":"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/","og_site_name":"Tutorials Class","article_publisher":"https:\/\/www.facebook.com\/tutorialsclass","article_modified_time":"2020-04-30T12:03:30+00:00","og_image":[{"width":600,"height":600,"url":"https:\/\/tutorialsclass.com\/wp-content\/uploads\/2020\/07\/tutorials-class-logo.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@TutorialsClass","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/","url":"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/","name":"What is CSS class selector? - FAQs - Tutorials Class","isPartOf":{"@id":"https:\/\/tutorialsclass.com\/#website"},"datePublished":"2016-09-12T19:18:26+00:00","dateModified":"2020-04-30T12:03:30+00:00","description":"What is CSS class selector? - Interview Questions with Answer","breadcrumb":{"@id":"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tutorialsclass.com\/faq\/css-class-selector\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tutorialsclass.com\/faq\/css-class-selector\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tutorialsclass.com\/"},{"@type":"ListItem","position":2,"name":"FAQs","item":"https:\/\/tutorialsclass.com\/faq\/"},{"@type":"ListItem","position":3,"name":"HTML Interview Questions","item":"https:\/\/tutorialsclass.com\/faqs\/html\/"},{"@type":"ListItem","position":4,"name":"HTML 5 Interview Questions &amp; Answers","item":"https:\/\/tutorialsclass.com\/faqs\/html\/html-5-interview-questions-answers\/"},{"@type":"ListItem","position":5,"name":"What is CSS class selector?"}]},{"@type":"WebSite","@id":"https:\/\/tutorialsclass.com\/#website","url":"https:\/\/tutorialsclass.com\/","name":"Tutorials Class","description":"Online Tutorials for Beginners","publisher":{"@id":"https:\/\/tutorialsclass.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tutorialsclass.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/tutorialsclass.com\/#organization","name":"Tutorials Class","url":"https:\/\/tutorialsclass.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tutorialsclass.com\/#\/schema\/logo\/image\/","url":"https:\/\/tutorialsclass.com\/wp-content\/uploads\/2020\/05\/tutorials-class-logo.png","contentUrl":"https:\/\/tutorialsclass.com\/wp-content\/uploads\/2020\/05\/tutorials-class-logo.png","width":442,"height":94,"caption":"Tutorials Class"},"image":{"@id":"https:\/\/tutorialsclass.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/tutorialsclass","https:\/\/x.com\/TutorialsClass","https:\/\/in.pinterest.com\/merientinfotech\/boards\/","https:\/\/www.youtube.com\/channel\/UCzbpQXlqec-bQf1_kwrTuoA"]}]}},"_links":{"self":[{"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/faq\/1636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/comments?post=1636"}],"version-history":[{"count":5,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/faq\/1636\/revisions"}],"predecessor-version":[{"id":5912,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/faq\/1636\/revisions\/5912"}],"wp:attachment":[{"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/media?parent=1636"}],"wp:term":[{"taxonomy":"faq_type","embeddable":true,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/faq_type?post=1636"},{"taxonomy":"keywords","embeddable":true,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/keywords?post=1636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}