av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

創(chuàng)新互聯(lián)SASS教程:6-1.何時使用繼承

5-1節(jié)介紹了混合器主要用于展示性樣式的重用，而類名用于語義化樣式的重用。因為繼承是基于類的(有時是基于其他類型的選擇器)，所以繼承應(yīng)該是建立在語義化的關(guān)系上。當(dāng)一個元素擁有的類(比如說.seriousError)表明它屬于另一個類(比如說.error)，這時使用繼承再合適不過了。

這有點抽象，所以我們從幾個方面來闡釋一下。想象一下你正在編寫一個頁面，給html元素添加類名，你發(fā)現(xiàn)你的某個類(比如說.seriousError)是另一個類(比如說.error)的細化。你會怎么做？

  • 你可以為這兩個類分別寫相同的樣式，但是如果有大量的重復(fù)怎么辦？使用sass時，我們提倡的就是不要做重復(fù)的工作。
  • 你可以使用一個選擇器組(比如說.error.seriousError)給這兩個選擇器寫相同的樣式。如果.error的所有樣式都在同一個地方，這種做法很好，但是如果是分散在樣式表的不同地方呢？再這樣做就困難多了。
  • 你可以使用一個混合器為這兩個類提供相同的樣式，但當(dāng).error的樣式修飾遍布樣式表中各處時，這種做法面臨著跟使用選擇器組一樣的問題。這兩個類也不是恰好有相同的樣式。你應(yīng)該更清晰地表達這種關(guān)系。
  • 綜上所述你應(yīng)該使用@extend。讓.seriousError從.error繼承樣式，使兩者之間的關(guān)系非常清晰。更重要的是無論你在樣式表的哪里使用.error.seriousError都會繼承其中的樣式。

現(xiàn)在你已經(jīng)更好地掌握了何時使用繼承，以及繼承有哪些突出的優(yōu)點，接下來我們看看一些高級用法。


本文標(biāo)題：創(chuàng)新互聯(lián)SASS教程:6-1.何時使用繼承
轉(zhuǎn)載源于：http://uogjgqi.cn/article/dhjjpoc.html
掃二維碼與項目經(jīng)理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流