CSS - 不同领域的不同样式

Question

我将根据域更改网站的样式。

Firefox 示例:

@-moz-document url-prefix("http//www.example.com") {
    body {
        background-color: rgb(176,230,230);     
    }         
}

是否有类似的东西，适用于 Internet Explorer 和 Chrome？

问候

Answer 1

您可以尝试基于 URL 的 CSS 文件。

如果您使用的是 FoR，那么类似的方法就可以了。我相信其他框架也会有类似的东西。

- if (request.host == "http//www.example.com")
  = stylesheet_link_tag    "example", media: "all"
- else
  = stylesheet_link_tag    "application", media: "all"