{"id":109,"date":"2015-11-18T07:31:27","date_gmt":"2015-11-18T15:31:27","guid":{"rendered":"http:\/\/jasonflaherty.com\/blog\/?p=109"},"modified":"2015-11-16T15:53:03","modified_gmt":"2015-11-16T23:53:03","slug":"dont-go-psycho-nesting-those-sass-selectors","status":"publish","type":"post","link":"https:\/\/jasonflaherty.com\/blog\/2015\/11\/18\/dont-go-psycho-nesting-those-sass-selectors\/","title":{"rendered":"Don&#8217;t go psycho nesting those SASS selectors"},"content":{"rendered":"<p>Nesting in SASS is wonderful, but also can become a <em>NIGHTMARE! &#8220;Simple pictures are best&#8221;<\/em><strong>\u00a0<\/strong>as one of my kids books always reminds the subjects. As a super simple idea.. Make sure your top level selectors are set before you zero in on specifics.<\/p>\n<pre class=\"theme:classic lang:sass decode:true \">.content{\r\n\u00a0 \u00a0p{\r\n\u00a0 \u00a0 \u00a0 a{color:white;}\r\n\u00a0 \u00a0}\r\n}<\/pre>\n<p>is an easy way to make sure all those links are white, however, making the &#8220;a&#8221; selector color at the parent level white would be better and simple to maintain.<\/p>\n<pre class=\"theme:classic lang:default decode:true \">a{color:white;}<\/pre>\n<p>Layout your project with the most generic selectors\u00a0solidified at a parent level and then only overwrite what is necessary, when it is necessary.<\/p>\n<p>[amazon template=image&amp;asin=0152749586]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nesting in SASS is wonderful, but also can become a <em>NIGHTMARE! &#8220;Simple pictures are best&#8221;<\/em><strong>\u00a0<\/strong>as one of my kids books always reminds the subjects. As a super simple idea.. Make sure your top level selectors are set before you zero in on specifics.<\/p>\n<p class=\"excerpt-link\"><a href=\"https:\/\/jasonflaherty.com\/blog\/2015\/11\/18\/dont-go-psycho-nesting-those-sass-selectors\/\">&sim;&nbsp;Continue Reading&nbsp;&sim;<\/a><\/p>\n","protected":false},"author":1,"featured_media":112,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"footnotes":"","_jetpack_memberships_contains_paid_content":false,"jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[53],"tags":[54,25,55],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/jasonflaherty.com\/blog\/wp-content\/uploads\/2015\/11\/sass.jpg?fit=1038%2C576&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5OfD9-1L","jetpack_likes_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/jasonflaherty.com\/blog\/wp-json\/wp\/v2\/posts\/109"}],"collection":[{"href":"https:\/\/jasonflaherty.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jasonflaherty.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jasonflaherty.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jasonflaherty.com\/blog\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":1,"href":"https:\/\/jasonflaherty.com\/blog\/wp-json\/wp\/v2\/posts\/109\/revisions"}],"predecessor-version":[{"id":111,"href":"https:\/\/jasonflaherty.com\/blog\/wp-json\/wp\/v2\/posts\/109\/revisions\/111"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jasonflaherty.com\/blog\/wp-json\/wp\/v2\/media\/112"}],"wp:attachment":[{"href":"https:\/\/jasonflaherty.com\/blog\/wp-json\/wp\/v2\/media?parent=109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jasonflaherty.com\/blog\/wp-json\/wp\/v2\/categories?post=109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jasonflaherty.com\/blog\/wp-json\/wp\/v2\/tags?post=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}