在網頁瀏覽中,我們經常會遇到一些無法自主修改樣式的元素或者樣式,比如一些僅在引入外部css時才能修改的樣式,或者來自其他網站的iframe元素的樣式。如果我們想要強制修改這些樣式,該怎么辦呢?這時借助“強制修改css樣式”的技巧便可輕松解決。
.example{ background-color: white !important; }
在上面的例子中,我們使用了CSS選擇器 .example 來選中需要修改樣式的元素,緊隨其后的 !important 則表示這是一個強制修改樣式的聲明,即使存在其他的樣式聲明也要優先執行這個語句,保證我們修改的樣式能夠被正確應用。
iframe#example{ background-color: white !important; }
除了獨立元素的樣式,如果想要修改iframe元素中的樣式,我們這時需要使用選擇器 iframe#example 來選中目標iframe,并加上 !important 聲明來強制覆蓋內部樣式表或外部樣式表中的樣式聲明。
需要注意的是,盡量避免在所有樣式規則上都添加 !important,因為這將動搖整個網站或應用程序的系統。我們應該保持良好的組織結構,將 !important 保留為最后的手段,只在必要時加入以達到最佳效果。
上一篇強制一行顯示css
下一篇jquery $this