{"id":273,"date":"2012-02-11T00:03:17","date_gmt":"2012-02-11T00:03:17","guid":{"rendered":"https:\/\/theextremewebdesigns.com\/blog\/?p=273"},"modified":"2012-02-11T00:03:17","modified_gmt":"2012-02-11T00:03:17","slug":"target-ie6-ie7-css","status":"publish","type":"post","link":"https:\/\/theextremewebdesigns.com\/blog\/target-ie6-ie7-css\/","title":{"rendered":"2 lines of code: Target IE6 IE7 CSS"},"content":{"rendered":"<p>Are you a designer who have had a hard time trying to maintain consistent styling across browsers like IE6 and IE7? Have you ever wondered if there is any simply solution to solve this problem? Here is a 2 line solution that will let you target IE6, IE7 CSS &amp;\u00a0solve this problem.<!--more--><\/p>\n<h2>Target IE6 IE7 using CSS<\/h2>\n<p>Simply paste the following code in your CSS stylesheet &amp; change the &#8220;id&#8221; and &#8220;class&#8221; names as needed:<\/p>\n<pre class=\"lang:css decode:true\">#myelement\n{\ncolor: #999; \/* shows in all browsers *\/\n*color: #999; \/* notice the * before the property - shows in IE7 and below *\/\n_color: #999; \/* notice the _ before the property - shows in IE6 and below *\/\n}\n.myelement\n{\ncolor: #999; \/* shows in all browsers *\/\n*color: #999; \/* notice the * before the property - shows in IE7 and below *\/\n_color: #999; \/* notice the _ before the property - shows in IE6 and below *\/\n}<\/pre>\n<p>In the code above, simply change #myelement if using ID or change .myelement to reflect the class of the element that you are using. Then re-declare the same style by appending * to fix the issue in IE7 &amp; append _ to fix the issue in IE6, as shown in examples above. Hope that helps.<\/p>\n<h5>Your Turn!<\/h5>\n<p>Do you know of any other short cuts to <em><strong>target and make IE6 &amp; IE7 using CSS<\/strong><\/em> obey the styling? Please share your tips with us by commenting below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you a designer who have had a hard time trying to maintain consistent styling across browsers like IE6 and IE7? Have you ever wondered if there is any simply solution to solve this problem? Here is a 2 line solution that will let you target IE6, IE7 CSS &amp;\u00a0solve this problem.<\/p>\n","protected":false},"author":1,"featured_media":276,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[18,6,13],"tags":[51,52],"class_list":["post-273","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-tips-and-tricks","category-snippets","category-tips-and-tricks","tag-css-snippets","tag-css-tips"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/paBnQX-4p","jetpack_sharing_enabled":true,"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/posts\/273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/comments?post=273"}],"version-history":[{"count":0,"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/posts\/273\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/media?parent=273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/categories?post=273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theextremewebdesigns.com\/blog\/wp-json\/wp\/v2\/tags?post=273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}