如何制作一个CSS“如果歌剧,而不是......”

时间:2010-12-05 22:24:40

标签: css opera

我想创建一个css规则,除了Opera浏览器之外的所有浏览器,所有其他浏览器都添加一个css规则:

#content{left:1px;},(没有此规则的歌剧)。以下代码无效......

<!--[if !OPERA]> 
<style type="text/css">
#content{left:1px;} 
</style>
<![endif]-->

2 个答案:

答案 0 :(得分:6)

条件评论仅由IE识别。如果您需要特定于Opera的CSS,则需要JavaScript:

if (window.opera) {
    document.getElementById('foo').style.height = '100px';
}

答案 1 :(得分:3)

你可以使用你想要的属性#content{left:1px;}这样的选择器,然后为opera提供一个css hack,提供默认值(或你想要的值)。 css hack具有以下语法:@media all and (min-width:0px) {head~body .selector {property:value;}}以前语法的示例,您的示例可以是:@media all and (min-width:0px) {head~body #content {left:0px;}}