Opera specific Css Hack - Writing Opera specific codes

CSS has always been painful in cross browser platform. But we can solve almost all problems arising on different browsers, through browser specific CSS Hacks. Previously I have wrote how you can write Browser specific CSS codes, and optimizing your site for different browsers. But there I had not wrote much about Opera (except choosing another CSS file for Opera). But now here is a cool technique to easily optimize your site for Opera browser.

To show something to Opera only use the @media all and (min-width: 0) hack. Follow this example:


/*Visible to only Opera*/
@media all and (min-width: 0) {
#wrapper {
margin: 20px;
width: 200px;
}
}
This is very much effective on Opera and hides the content within the @media all and (min-width: 0) section from all other browsers. This content is only visible to Opera and hence now you can specify specific properties in your CSS for Opera only and make your site beautiful and perfect to Opera also.