CSS可以利用層疊順序?qū)崿F(xiàn)簡單的排除。
創(chuàng)新互聯(lián)公司專注于舒蘭網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供舒蘭營銷型網(wǎng)站建設(shè),舒蘭網(wǎng)站制作、舒蘭網(wǎng)頁設(shè)計(jì)、舒蘭網(wǎng)站官網(wǎng)定制、小程序開發(fā)服務(wù),打造舒蘭網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供舒蘭網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
例如
#id
.abc,td.abc
更復(fù)雜的排除,只能通過js了
1、檢查是否清除浮動(dòng)
其實(shí)有不少的 CSS BUG 問題是因?yàn)闆]有清除浮動(dòng)造成的。養(yǎng)成良好的清除浮動(dòng)的習(xí)慣是必要的,推薦使用 無額外 HTML 標(biāo)簽的清除浮動(dòng)的方法(盡量避免使用 overflow:hidden;zoom:1 的類似方法來清除浮動(dòng),會(huì)有太多的限制性)。
2、檢查 IE 下是否觸發(fā) haslayout
很多的 IE 下復(fù)雜 CSS BUG 都與 IE 特有的 haslayout 息息相關(guān)。熟悉和理解 haslayout 對(duì)于處理復(fù)雜的
CSS BUG 會(huì)事半功倍。推薦閱讀 old9 翻譯的 《On having layout》(如果無法翻越穿越偉大的 GFW,可閱讀
藍(lán)色上的轉(zhuǎn)帖 )
快捷提示:如果觸發(fā)了 haslayout,IE 的調(diào)試工具 IE Developer Toolbar 中的屬性中將會(huì)顯示 haslayout 值為 -1。
3、邊框背景調(diào)試法
故名思議就是給元素設(shè)置顯眼的邊框或者背景(一般黑色或紅色),進(jìn)行調(diào)試。此方法是最常用的調(diào)試 CSS BUG 的方法之一,對(duì)于復(fù)雜 BUG 依舊適用。經(jīng)濟(jì)實(shí)惠還環(huán)保.
4、檢查頁面的標(biāo)簽是否閉合
不要小看這條,也許折騰了你兩天都沒有解決的 CSS BUG 問題,卻僅僅源于這里。畢竟頁面的模板一般都是由開發(fā)來嵌套的,而他們很容易犯此類問題。
快捷提示:可以用 Dreamweaver 打開文件檢查,一般沒有閉合的標(biāo)簽,會(huì)黃色背景高亮。
5、樣式排除法
有些復(fù)雜的頁面也許加載了 N 個(gè)外鏈 CSS 文件,那么逐個(gè)刪除 CSS 文件,找到 BUG 觸發(fā)的具體 CSS 文件,縮小鎖定的范圍。
寫好的css最好還是盡量少刪啦,因?yàn)榭赡墁F(xiàn)在沒起作用,在某一塊沒起作用,但是說不定以后能起作用,在別的地方能有用。在現(xiàn)在越來越強(qiáng)調(diào)代碼重用的環(huán)境下,我們只能在編碼初期就把代碼整體架構(gòu)給打好。比如說選擇一個(gè)好的樣式重置,科學(xué)的浮動(dòng)清除方式等等都是至關(guān)重要的。所以我覺得與其想辦法刪除一些多余的css,倒不如把心思花在前期工作和css代碼的錘煉上,畢竟事先解決比事后解決還是好一些的嘛。
可以利用jQuery的removeattr()或css()方法來刪除css樣式,使用“css("屬性","")”語句可以刪除單個(gè)css樣式,使用“$(selector).removeAttr("style")”語句可以刪除全部css樣式。
沒有通用的辦法。
CSS3選擇器里面有 :not 偽類型選擇器,比如設(shè)置頁面除了a標(biāo)簽之外所有元素的color為紅色:
*:not(a)?{?color?:?red?}