Html 目标是chrome而不是safari scss

我正在寻找一种方法，只针对scss中混入的中的chrome浏览器

@mixin {
 &:after {
 border-bottom:black; 

  @media screen and (-webkit-min-device-pixel-ratio:0) { border-bottom: red; }

  }

}

---

目前，它的目标是safari和chrome

css本身没有特别的黑客攻击，而您可以覆盖safari的css

用于WEBKIT

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .class{color:red;}
}

仅Safari覆盖

::i-block-chrome,.class {
 color:blue;
}}

---

如果您正在寻找媒体查询，Chrome版本现在可以分离。不久前，我通过对组合的研究创造了这个，直到我找到了一种可行的方法。几个月前我把它发布到了browserhacks.com（我为他们做测试）。Chrome 29+可通过媒体查询定位。目前，它已经在Chrome开发的所有现代版本以及40版之前的金丝雀版本中进行了测试

请尝试以下操作，而不是在mixin中嵌入Chrome+Safari媒体查询：

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
   border-bottom: red;
}

我也发布了一些现场测试，这些测试是针对我在这里参与或创建的本次测试和其他测试：

试试这个：

@支持（-webkit外观：无）{}

只有当浏览器支持webkit（Chrome）时，方括号内的CSS才会运行

---

是“特定于浏览器的CSS和JavaScript黑客”的绝佳资源。

我不确定这将如何与mixin一起工作，因为我还没有在特定的类上使用它。注意，您不应该直接将声明添加到

@media

块中，您首先必须使用CSS选择器。为什么需要针对Chrome而不是Safari？需要针对特定的浏览器几乎肯定是设计/实现不佳的标志。