1. 程式人生 > >解決css全局汙染

解決css全局汙染

col 遇到 ack 代碼 個人 選擇 沖突 round body

當引用css的時候會造成汙染其它樣式比如習慣使用標簽選擇器;css類名定義不夠嚴謹導致沖突
當遇到這種問題應該怎麽解決?
通過在css文件的選擇器上使用:local(局部作用域)

:local

例如:(個人建議使用括號便於閱讀代碼)

:local(.className) { background: red; }
:local .className { color: green; }
:local(.className .subClass) { color: green; }

在定義css的樣式時,盡量少用不用標簽選擇器,使用類選擇器的時候通過加上前綴的方法避免沖突

如果修改比較麻煩就在被汙染的標簽寫個行內css吧

解決css全局汙染