很多開發人員都知道微信頁面調用css時可能出現無效的情況,這是因為微信內置了一些特定的樣式,導致開發人員寫的樣式失效。
解決這個問題的方式有很多,最常用的三種方法是:
1. 采用important聲明 樣式屬性加上important聲明可以讓瀏覽器優先應用該屬性, 如下:
.myclass{color:#fff!important;} 2. 更改樣式的優先級 優先級按如下順序從高到低排列:!important, 行內樣式, id選擇器, 類選擇器/屬性選擇器/偽類選擇器, 標簽選擇器/偽元素選擇器/通配符/組合器。為了改變樣式的優先級,可以使用更高級別的選擇器,如id選擇器、類選擇器等。例如:
#myid{color:#fff;} .myclass{color:red;} 3. 使用:after偽類 使用:after偽類可以在原有的樣式上添加新的樣式代碼,而不會影響原有樣式的應用。例如:
.myclass:after{color:#fff;}
總的來說,解決微信頁面調用css無效的問題,我們需要采用靈活多樣的方式,從不同的角度來改變樣式的應用順序和優先級。