We all know what is conditional css and how to write the conditional css.
Here is few examples about conditional css.
<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
<![endif]–>
With in style.css file
a.button_active, a.button_unactive {
display: inline-block;
[if lte Gecko 1.8] display: -moz-inline-stack;
[if lte Konq 3.1] float: left;
height: 30px;
[if IE 5.0] margin-top: -1px;
text-decoration: none;
outline: none;
[if IE] text-decoration: expression(hideFocus='true');
}
When we are use the inline css in document. If in that case we need to use conditional css then there is way
// Following is hack for all IE, including 7. It must go first, or it overrides the following hack <div style="width:15px;^width:13px;"> some dynamic content </div> // Following is hack for all IE6 + browsers <div style="width:15px;_width:14px;"> some dynamic content </div>
