首页 文章

仅适用于Opera，Safari和Chrome的CSS样式表

提问于
浏览 次
0

我正在使用这样的代码，它在IE和Firefox上运行得很好：

.tytulmalykom {
    color:#666666;
    font-size:11px;
    font-variant:small-caps;
}

我想仅将此代码用于Opera，Safari和Chrome：

.tytulmalykom {
    color:#666666;
    font-size:11px;
    text-transform:uppercase;
}

我的所有样式表都在stylesheet.css文件中 .

到目前为止，我使用了很多链接rel：

<link rel="stylesheet" href="files/stylesheet.css" type="text/css" />
<![if !IE]><link rel="stylesheet" type="text/css" href="files/firefox.css" media="screen" /><![endif]>
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="files/ie7.css" /><![endif]-->
css google-chrome css3 safari opera

1 回答

  • 0

    我在这里解决了这个问题：

    我已在每页上添加：

    <style type="text/css">

@-moz-document url-prefix() { 
    .tytulmalykom { font-variant:small-caps; text-transform:none }
}
</style>

    然后

    在stylesheet.css中：

    .tytulmalykom {
    color:#666666;
    font-size:11px;
    text-transform:uppercase;
}

    和ie7.css：

    .tytulmalykom {
    font-variant:small-caps;
}

    firefox.css中没有其他任何东西需要

    回复于

相关问题