html - 汎用CSSをオーバーライドする必要があるGoogle Chrome固有のCSSを追加する方法は?

Question

最初の 2 行はすべてのブラウザで解釈される一般的な CSS で、次の 2 行はクロム固有です。しかし、ページを実行すると、クロムはその特定の 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 はありません。