如何制作Chrome/Opera特定的样式表？

希望这可以帮助.

避免CSS黑客攻击.他们会打破.

谷歌浏览器:

@media not all and (-webkit-min-device-pixel-ratio:0)
{  
    #example
    {
        width: 200px;
    }
}

苹果浏览器:

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #example
    {
        width: 200px;
    }
}

歌剧:

@media not screen and (1)
{
    #example
    {
        width: 200px;
    }
}

CSS只适用于Opera 11吗？

如何使CSS仅对Opera可见

针对LTE Opera 10的未来证明CSS攻击

对于Google(和Safari),您只需使用以下内容即可;

这将加载webkit特定的样式表.'type'可以根据需要命名,但必须包含在内.

您可以随意创建样式表,所有非webkit浏览器都会忽略它.

你将不得不使用上面的黑客为Opera.以下对我来说效果最好:

@media not screen and (1)
    {
    #example
    {
    width: 200px;
    }
}

我用它来加载特定于浏览器的@ font-face声明.