日照網絡公司
掃描關注網站建設微信公眾賬號

掃一掃微信二維碼

日照網站建設_特性之爭與繼承之痛

昊諾網絡o2017-07-17 08:32:37o網絡知識o

日照網站建設_特性之爭與繼承之痛

  過去幾年,我們仍然在處理我在前一章中描述的 loo% 動態標記或 loo% 靜態標記。不論是哪一種,我們幾乎總是從全局作用域開始開發,一層一層增加細節。我們從使用通用樣式開始,比如頁首和段落的標簽,然后給頁面里的各個部分應用具體的樣式:
日照網站建設圖片
現在側邊欄的 H2 是白色字體紅色背景,除此之外的每一個 H2 都是紅色字體。

這個概念很容易理解,如果你是印刷行業出身,會百感交集。每次你把一個 H2 放在側邊欄,它會被應用相同的樣式,直到我們需要用到一個在側邊欄的日歷組件,又要求 H2 顯示為和頁首一樣(紅色字體且不填充背景色)。但是沒關系!我們可以添加另一個類名并且重寫讓人討厭的側邊欄樣式,對吧?
日照網站建設圖片2
這種方法的問題很多。

選擇器優先級

  無論你處理帶 ID 的標簽還是長選擇器,重寫一個選擇器時,總是需要注意它的優先級。

顏色重置

  要恢復到原來的 H2 顏色,我們必須再次指定樣式,并且要覆蓋當前的背景顏色。

位置依賴

  現在我們的日歷樣式依賴于側邊欄的樣式。如果將日歷移到頁首或者頁尾,樣式將會改變。

多重繼承

  現在這個 H2 的樣式來源多達三個,這意味著只要改變主體或側邊欄的樣式,都會影響到日歷的呈現。

深層嵌套

  日歷控件里的日歷條目可能還有其他的 H2,而它們也需要一個更具體的選擇器,這樣一來,H2 的樣式來源就增加到了四個。

  以上是日照網站建設公司(日照昊諾網絡公司)分享,如果大家喜歡分享的網站建設知識,想了解更多請關注我們網站動態!

文章關鍵詞
久cao在线香蕉