自嵌套是個很奇怪的概念，雖然 HTML/CSS 不能算是一種編程語言，但結(jié)構(gòu)上的自嵌套可能比函數(shù)遞歸的自嵌套還難搞定。函數(shù)遞歸時我們總要給遞歸一個結(jié)束條件，而模塊自嵌套完全是邏輯上的，這才是真正可怕的地方。我已經(jīng)被自嵌套問題坑過無數(shù)次坑怕了。 　　也許會有人認為自嵌套的情況離我們平時的用法太遠了，完全不需要花時間去糾結(jié)這種問題。其實我們一直在用自嵌套，只是平時的業(yè)務對它沒有太多需求，所以可能自己都不知道。從當年的表格布局開始就存在了表格嵌套的問題，所以這是很有歷史的東西了。只是在每個不同的時期人們遇到的具體問題不同而已。 　　如果只以 TagName 為單位，那到處都是自嵌套。比如兩個嵌套的 DIV 標簽就可以理解為自己嵌套自己，因為寫樣式的時候?qū)嶋H上無論 DIV 的嵌套方式如何，它都是 DIV。比如下面的代碼就是一個嵌套的 DIV，但它們具有不同的樣式。 運行 　　在一些奇怪的論壇上經(jīng)常會看到一頁頁嵌套的回帖方式（雖然我很討厭這個），這東西就是典型的模塊自嵌套。下面這個例子就是類似的東西 運行 　　如果最外層模塊和內(nèi)部的所有模塊都使用同樣的樣式，那確實沒什么問題，正常使用就行了。但實際上業(yè)務總是會有各種奇怪的需求，比如讓某一層嵌套顯示出特殊的樣子，雖然加一個 class 就能解決問題，但要是使用后代選擇器的話就可能有更深遠的影響。這個問題的一個典型是 UL/OL/LI 結(jié)構(gòu)的自嵌套。為某個層次的列表設(shè)置樣式后需要考慮樣式對后代元素的影響。不僅是后代選擇器，甚至 CSS 本身的繼承機制也會影響到后代元素。 　　除了 UL/OL/LI 結(jié)構(gòu)外，還有 DL/DT/DD 結(jié)構(gòu)也經(jīng)常受到自嵌套的困擾。我自己就經(jīng)常使用全局的 DL/DT/DD 結(jié)構(gòu)布局，比如 運行

···

　　這個代碼本身沒有問題，但如果在 DD 中又嵌入了 DL/DT/DD 結(jié)構(gòu)的話，DD 的樣式可能受到外層 DD 的影響。 　　對于以上這些問題我的建議是，在可能存在自己嵌套的結(jié)構(gòu)中，避免直接使用后代選擇器，可以使用子選擇器代替。 本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

標題名稱：關(guān)于模塊自嵌套
URL網(wǎng)址：http://www.aaarwkj.com/news46/324446.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、服務器托管、響應式網(wǎng)站、網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、云服務器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)