2012-05-21 20 views
0

前兩行是所有瀏覽器都解釋的通用css &接下來的2行是特定於chrome的行。但是當我運行頁面鉻 不覆蓋其特定的CSS。它只是解釋泛型。如何添加谷歌鉻特定的CSS應該重寫通用的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%; } 

回答

0

您可以使用媒體查詢本。這樣寫:

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

} 

沒有CSS僅適用於Chrome瀏覽器,而適用於webkit基本瀏覽器。

+0

嗨@sandeep這個解決方案不工作......它說意外的符號「和」 – surajR

+0

可能在你的代碼中有一些問題檢查這些鏈接http://www.benjaminoakes.com/2011/01/28/webkit -specific-css-rules-or-hacks-if-you-prefer/http://www.webmonkey.com/2010/02/browser-specific_css_hacks/ – sandeep

+0

感謝您的鏈接,@sandeep。快樂,如果它有幫助! –

相關問題