{"id":6029922,"date":"2015-04-19T00:49:41","date_gmt":"2015-04-19T00:49:41","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/css-conflict-12\/"},"modified":"2016-08-24T14:55:16","modified_gmt":"2016-08-24T14:55:16","slug":"css-conflict-12","status":"closed","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/css-conflict-12\/","title":{"rendered":"CSS Conflict"},"content":{"rendered":"<p>Hello<\/p>\n<p>I seem to have stumped myself on an issue (one of many &#8230; ha!) with css and I could use some help.<\/p>\n<p>My test site is here: www.adoptiveparents.ca\/wp\/<\/p>\n<p>The problem is is that I added a dropdown menu for the &#8216;provinces&#8217; option at the top. I added the css to this page but now anything in the &lt;style&gt; tag is applying to the entire document. How do I get just the css related to the drop down menu to be only for that and my style.css to apply to the rest of the page? <\/p>\n<p>Sorry if this is a dumb question &#8230; still learning css.<\/p>\n<p>Thank you in advance.<\/p>\n","protected":false},"template":"","class_list":["post-6029922","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/6029922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/6029922\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=6029922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}