{"id":9188,"date":"2022-09-17T16:04:03","date_gmt":"2022-09-17T10:34:03","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/"},"modified":"2022-09-17T16:04:03","modified_gmt":"2022-09-17T10:34:03","slug":"solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/","title":{"rendered":"[Solved] When a button or checkbox is clicked, what css code do we use to select the container div?"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-55621828\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"55621828\" data-parentid=\"55618987\" data-score=\"0\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>What I assume you&#8217;re asking is how do I target a parent container with CSS when a child container is clicked. If so its not possible, but the same selector is valid for the parent. For instance if you have an a tag inside of a div and you click on the a, you&#8217;ve also clicked on the div tag.<\/p>\n<p>**Edit I say the same selector is valid. In some cases this is not true if the child was removed from the standard flow of the document through floats or absolute positioning and probably a few other fringe cases.<\/p>\n<p>Here&#8217;s some pseudo code: <\/p>\n<p>CSS<\/p>\n<pre><code>div.parent:active{\n  background:red;\n}\na.child:hover{\n  color:blue;\n}\n<\/code><\/pre>\n<p>HTML<\/p>\n<pre><code>&lt;div class=\"parent\"&gt;\n&lt;a class=\"child\"&gt;Link&lt;\/a&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\"><\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved When a button or checkbox is clicked, what css code do we use to select the container div? <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] What I assume you&#8217;re asking is how do I target a parent container with CSS when a child container is clicked. If so its not possible, but the same selector is valid for the parent. For instance if you have an a tag inside of a div and you click on the a, you&#8217;ve &#8230; <a title=\"[Solved] When a button or checkbox is clicked, what css code do we use to select the container div?\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/\" aria-label=\"More on [Solved] When a button or checkbox is clicked, what css code do we use to select the container div?\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[464],"class_list":["post-9188","post","type-post","status-publish","format-standard","hentry","category-solved","tag-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] When a button or checkbox is clicked, what css code do we use to select the container div? - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] When a button or checkbox is clicked, what css code do we use to select the container div? - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] What I assume you&#8217;re asking is how do I target a parent container with CSS when a child container is clicked. If so its not possible, but the same selector is valid for the parent. For instance if you have an a tag inside of a div and you click on the a, you&#8217;ve ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-17T10:34:03+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] When a button or checkbox is clicked, what css code do we use to select the container div?\",\"datePublished\":\"2022-09-17T10:34:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/\"},\"wordCount\":148,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"css\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/\",\"name\":\"[Solved] When a button or checkbox is clicked, what css code do we use to select the container div? - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-09-17T10:34:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] When a button or checkbox is clicked, what css code do we use to select the container div?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] When a button or checkbox is clicked, what css code do we use to select the container div? - JassWeb","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:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] When a button or checkbox is clicked, what css code do we use to select the container div? - JassWeb","og_description":"[ad_1] What I assume you&#8217;re asking is how do I target a parent container with CSS when a child container is clicked. If so its not possible, but the same selector is valid for the parent. For instance if you have an a tag inside of a div and you click on the a, you&#8217;ve ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/","og_site_name":"JassWeb","article_published_time":"2022-09-17T10:34:03+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] When a button or checkbox is clicked, what css code do we use to select the container div?","datePublished":"2022-09-17T10:34:03+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/"},"wordCount":148,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["css"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/","url":"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/","name":"[Solved] When a button or checkbox is clicked, what css code do we use to select the container div? - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-09-17T10:34:03+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-when-a-button-or-checkbox-is-clicked-what-css-code-do-we-use-to-select-the-container-div\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] When a button or checkbox is clicked, what css code do we use to select the container div?"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/9188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=9188"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/9188\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=9188"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=9188"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=9188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}