google-chrome - 仅适用于 Opera、Safari 和 Chrome 的 CSS 样式表

Question

我正在使用在 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]-->

Answer 1

这是我为解决此问题所做的工作：

我在每一页上都添加了：

<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 中不需要其他任何东西