資訊專欄INFORMATION COLUMN
摘要：詳細(xì)的學(xué)習(xí)網(wǎng)址中文網(wǎng)的幾大特性變量嵌套混合器繼承了解了保持條理性和可讀性的最基本的三個(gè)方法嵌套導(dǎo)入和注釋。為了解決這種以及其他情況，提供了一個(gè)特殊結(jié)構(gòu)這意味著這條規(guī)則將會(huì)被應(yīng)用到選擇器，元素內(nèi)鏈接的所有子元素在被時(shí)都會(huì)變成紅色。
詳細(xì)的學(xué)習(xí)網(wǎng)址：http://www.sasschina.com/guide/ saa中文網(wǎng)
Sass的幾大特性：變量 嵌套 混合器@minxin 繼承@extend
了解了保持sass條理性和可讀性的最基本的三個(gè)方法：嵌套、導(dǎo)入和注釋。
1.sass變量聲明作用域與CSS屬性不同，變量可以在css規(guī)則塊定義之外存在。當(dāng)變量定義在css規(guī)則塊內(nèi)，那么該變量只能在此規(guī)則塊內(nèi)使用。如果它們出現(xiàn)在任何形式的{...}塊中（如@media或者@font-face塊），情況也是如此
2.:hover大多數(shù)情況下這種簡(jiǎn)單的嵌套都沒(méi)問(wèn)題，但是有些場(chǎng)景下不行，比如你想要在嵌套的選擇器 里邊立刻應(yīng)用一個(gè)類似于：hover的偽類。為了解決這種以及其他情況，sass提供了一個(gè)特殊結(jié)構(gòu)&
article a {
color: blue;
:hover { color: red }
}
這意味著color: red這條規(guī)則將會(huì)被應(yīng)用到選擇器article a :hover，article元素內(nèi)鏈接的所有子元素在被hover時(shí)都會(huì)變成紅色。這是不正確的！你想把這條規(guī)則應(yīng)用到超鏈接自身，而后代選擇器的方式無(wú)法幫你實(shí)現(xiàn)。
article a {
color: blue;
&:hover { color: red }
}
當(dāng)包含父選擇器標(biāo)識(shí)符的嵌套規(guī)則被打開(kāi)時(shí)，它不會(huì)像后代選擇器那樣進(jìn)行拼接，而是&被父選擇器直接替換：
article a { color: blue }
article a:hover { color: red }
3.！default
假如你寫(xiě)了一個(gè)可被他人通過(guò)@import導(dǎo)入的sass庫(kù)文件，你可能希望導(dǎo)入者可以定制修改sass庫(kù)文件中的某些值。使用sass的!default標(biāo)簽可以實(shí)現(xiàn)這個(gè)目的。它很像css屬性中!important標(biāo)簽的對(duì)立面，不同的是!default用于變量，含義是：如果這個(gè)變量被聲明賦值了，那就用它聲明的值，否則就用這個(gè)默認(rèn)值。
4.關(guān)于繼承.seriousError不僅會(huì)繼承.error自身的所有樣式，任何跟.error有關(guān)的組合選擇器樣式也會(huì)被.seriousError以組合選擇器的形式繼承，如下代碼:
//.seriousError從.error繼承樣式
.error a{ //應(yīng)用到.seriousError a
color: red;
font-weight: 100;
}
h1.error { //應(yīng)用到hl.seriousError
font-size: 1.2rem;
}
如上所示，在class="seriousError"的html元素內(nèi)的超鏈接也會(huì)變成紅色和粗體。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111722.html
摘要：默認(rèn)尺寸為或者如果兩個(gè)尺寸不一致，那么畫(huà)出來(lái)的圖形，和想象中的圖形是有差距的。 1.canvas的畫(huà)布大小與canvas元素大小 canvas尺寸分為兩種，一種是canvas元素本身的尺寸，另一種是canvas畫(huà)布的尺寸 canvas本身尺寸可以通過(guò)style樣式來(lái)設(shè)置 .canvas{ width:100px; height:100px; } /* 設(shè)置了元素在瀏...
摘要：背景程序員日常工作中最多的應(yīng)該是接收需求編碼實(shí)現(xiàn)需求。內(nèi)容決定形式，形式依賴于內(nèi)容，并隨內(nèi)容的發(fā)展而發(fā)展。我也只做到了圖形搭配階段，配圖就比較麻煩，如果要是能確定關(guān)鍵詞也可以，百度搜索即可。具體的網(wǎng)站百度找下就可以了，就不發(fā)地址了。 背景 程序員日常工作中最多的應(yīng)該是接收需求、編碼實(shí)現(xiàn)需求。但也有些時(shí)候需要做一些非代碼的文字工作。 比如做述職報(bào)告、工作總結(jié)等，這些一般的都是通過(guò) ppt...
摘要：背景程序員日常工作中最多的應(yīng)該是接收需求編碼實(shí)現(xiàn)需求。內(nèi)容決定形式，形式依賴于內(nèi)容，并隨內(nèi)容的發(fā)展而發(fā)展。我也只做到了圖形搭配階段，配圖就比較麻煩，如果要是能確定關(guān)鍵詞也可以，百度搜索即可。具體的網(wǎng)站百度找下就可以了，就不發(fā)地址了。 背景 程序員日常工作中最多的應(yīng)該是接收需求、編碼實(shí)現(xiàn)需求。但也有些時(shí)候需要做一些非代碼的文字工作。 比如做述職報(bào)告、工作總結(jié)等，這些一般的都是通過(guò) ppt...
閱讀 1342·2023-04-26 00:10
閱讀 2437·2021-09-22 15:38
閱讀 3801·2021-09-22 15:13
閱讀 3518·2019-08-30 13:11
閱讀 655·2019-08-30 11:01
閱讀 3040·2019-08-29 14:20
閱讀 3219·2019-08-29 13:27
閱讀 1734·2019-08-29 11:33
