CSS Browser Selector
Saturday, July 17th, 2010I got so stuck with a 1px margin making my layout look weird on safari. i have a well written code and understood only a hack like.
<!–[if Safari]> ??? possible?
no it is not but following example really helped me. I much appreciate
Clever technique to help you on CSS hacks.
CSS Browser Selector is a very small javascript with just one line which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser.
http://rafael.adm.br/css_browser_selector/
<style type="text/css">
.ie .example {
background-color: yellow
}
.ie7 .example {
background-color: orange
}
.gecko .example {
background-color: gray
}
.win.gecko .example {
background-color: red
}
.linux.gecko .example {
background-color: pink
}
.opera .example {
background-color: green
}
.konqueror .example {
background-color: blue
}
.webkit .example {
background-color: black
}
.example {
width: 100px;
height: 100px;
}
.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }
</style>






