Html 如何为Google Chrome添加一个CSS指定符？

我需要添加一个css代码，它只适用于google chrome，而不适用于firefox

问题：我想给一个类为.div special的div添加一个边框底部

 .div-special{
      border-bottom: 1px solid #c8c8c8;
 }

输出：边框底部应仅适用于google chrome浏览器，而不适用于firefox

请帮帮我。

你可以试试这个

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .div-special{
      border-bottom: 1px solid #c8c8c8;
 }
}

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

/* Safari only override */
::i-block-chrome,.class {
 color:blue;
}}

或

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

使用用户代理的JQuery

if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
    $('.container').hide();
}

---

尝试使用javascript检测用户代理。但是用户代理很容易被欺骗。你需要的是$\u服务器['HTTP\u用户\u代理']更喜欢功能检测。你为什么要这么做？

@media screen and (-webkit-min-device-pixel-ratio:0) {
   // your CSS here
}