sass學習總結的幾點

plus2047 發布于2019-08-29 11:33 / 1724人閱讀

摘要：詳細的學習網址中文網的幾大特性變量嵌套混合器繼承了解了保持條理性和可讀性的最基本的三個方法嵌套導入和注釋。為了解決這種以及其他情況，提供了一個特殊結構這意味著這條規則將會被應用到選擇器，元素內鏈接的所有子元素在被時都會變成紅色。

詳細的學習網址：http://www.sasschina.com/guide/ saa中文網

Sass的幾大特性：

變量嵌套混合器@minxin 繼承@extend

了解了保持sass條理性和可讀性的最基本的三個方法：

嵌套、導入和注釋。

1.sass變量聲明作用域

與CSS屬性不同，變量可以在css規則塊定義之外存在。當變量定義在css規則塊內，那么該變量只能在此規則塊內使用。如果它們出現在任何形式的{...}塊中（如@media或者@font-face塊），情況也是如此

2.:hover

大多數情況下這種簡單的嵌套都沒問題，但是有些場景下不行，比如你想要在嵌套的選擇器里邊立刻應用一個類似于：hover的偽類。為了解決這種以及其他情況，sass提供了一個特殊結構&

article a {
  color: blue;
  :hover { color: red }
}

這意味著color: red這條規則將會被應用到選擇器article a :hover，article元素內鏈接的所有子元素在被hover時都會變成紅色。這是不正確的！你想把這條規則應用到超鏈接自身，而后代選擇器的方式無法幫你實現。

article a {
  color: blue;
  &:hover { color: red }
}

當包含父選擇器標識符的嵌套規則被打開時，它不會像后代選擇器那樣進行拼接，而是&被父選擇器直接替換：

article a { color: blue }
article a:hover { color: red }

3.！default

假如你寫了一個可被他人通過@import導入的sass庫文件，你可能希望導入者可以定制修改sass庫文件中的某些值。使用sass的!default標簽可以實現這個目的。它很像css屬性中!important標簽的對立面，不同的是!default用于變量，含義是：如果這個變量被聲明賦值了，那就用它聲明的值，否則就用這個默認值。

4.關于繼承

.seriousError不僅會繼承.error自身的所有樣式，任何跟.error有關的組合選擇器樣式也會被.seriousError以組合選擇器的形式繼承，如下代碼:

//.seriousError從.error繼承樣式
.error a{  //應用到.seriousError a
  color: red;
  font-weight: 100;
}
h1.error { //應用到hl.seriousError
  font-size: 1.2rem;
}

如上所示，在class="seriousError"的html元素內的超鏈接也會變成紅色和粗體。

GPU云服務器云服務器 cdn回源的幾點問題機器學習學習總結機器學習總結 javascript學習總結

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111722.html

學習canvas 過程中的幾點總結

摘要：默認尺寸為或者如果兩個尺寸不一致，那么畫出來的圖形，和想象中的圖形是有差距的。 1.canvas的畫布大小與canvas元素大小 canvas尺寸分為兩種，一種是canvas元素本身的尺寸，另一種是canvas畫布的尺寸 canvas本身尺寸可以通過style樣式來設置 .canvas{ width:100px; height:100px; } /* 設置了元素在瀏...

notebin 2019-08-29 12:14 評論0 收藏0
關于程序員寫好 ppt 的幾點總結 - 前端張大胖

摘要：背景程序員日常工作中最多的應該是接收需求編碼實現需求。內容決定形式，形式依賴于內容，并隨內容的發展而發展。我也只做到了圖形搭配階段，配圖就比較麻煩，如果要是能確定關鍵詞也可以，百度搜索即可。具體的網站百度找下就可以了，就不發地址了。背景程序員日常工作中最多的應該是接收需求、編碼實現需求。但也有些時候需要做一些非代碼的文字工作。比如做述職報告、工作總結等，這些一般的都是通過 ppt...

Cobub 2019-08-02 16:13 評論0 收藏0
關于程序員寫好 ppt 的幾點總結 - 前端張大胖

摘要：背景程序員日常工作中最多的應該是接收需求編碼實現需求。內容決定形式，形式依賴于內容，并隨內容的發展而發展。我也只做到了圖形搭配階段，配圖就比較麻煩，如果要是能確定關鍵詞也可以，百度搜索即可。具體的網站百度找下就可以了，就不發地址了。背景程序員日常工作中最多的應該是接收需求、編碼實現需求。但也有些時候需要做一些非代碼的文字工作。比如做述職報告、工作總結等，這些一般的都是通過 ppt...

shiyang6017 2019-08-23 16:59 評論0 收藏0