html - 如何添加应该覆盖通用 css 的 google chrome 特定 css？

Question

前两行是通用 css，由所有浏览器解释，接下来的两行是特定于 chrome 的。但是当我运行页面时，chrome 不会覆盖其特定的 css。它只是解释泛型。

       th.column_cars  { width:71.2%; }


                            td.column_cars { width:71.5%; }


                            .chrome th.column_cars { width:72.6%; }


                            .chrome td.column_cars { width:72.6%; }

Answer 1

您可以为此使用媒体查询。像这样写：

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .chrome td.column_cars { width:72.6%; }

}

只有 Chrome 没有 CSS，但基于 webkit 的浏览器没有 CSS。