資訊專欄INFORMATION COLUMN
摘要：常用語法是的預(yù)處理器，提供了很多方便的語法，如嵌套可復(fù)用代碼塊等，但是我們在做一般程序的時(shí)候用不上這么多功能，這里總結(jié)了里我用的最多的幾種常用語法定義變量元素包含偽類的嵌套這里的指的是前面的選擇器。
sass常用語法
sass是css的預(yù)處理器，提供了很多方便的語法，如嵌套、可復(fù)用代碼塊等，但是我們在做一般程序的時(shí)候用不上這么多功能，這里總結(jié)了sass里我用的最多的幾種常用語法：
定義變量$ff: Arial; $font-color: #ccc; $background-grey: #f5f5f5;元素（包含偽類）的嵌套
a {
color: $font-color;
cursor: pointer;
&:hover {
text-decoration: none;
}
}
這里的&指的是前面的選擇器。
屬性的嵌套 font: {
family: $ff;
size: 26px;
weight: 900;
}
類的繼承及不表現(xiàn)樣式
%error {
color: #f00;
}
%error.instrusion {
background-image: url(../images/rabbit-big.png);
}
.serious-error {
@extend %error;
border: #ff0000 1px solid;
}
這里的%error是不表現(xiàn)樣式，只能用來繼承。
可復(fù)用代碼塊@mixin@mixin col-sm ($width:50%){
@media (min-width: 768px) {
width: $width;
float: left;
}
}
這里定義了一個(gè)名為col-sm的代碼塊通過后面的括號(hào)傳參，名為$width的參數(shù)默認(rèn)值為50%，里面的@media是媒體查詢，也可以不傳變量，去掉后面的括號(hào)就行。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/115300.html
摘要：插件集待補(bǔ)充。。。同時(shí)，它還包含了用于轉(zhuǎn)換為格式和生成數(shù)據(jù)模式的選項(xiàng)用于壓縮合并和文件的應(yīng)用程序。它提供了大量自定義的設(shè)置，以及自動(dòng)壓縮保存并導(dǎo)出為文件的選項(xiàng)。修改文本的更多命名格式，包括駝峰命名下劃線分隔命名，命名以及命名等切換漂亮的主題 插件集 待補(bǔ)充。。。 20180903 文件 【Path Intellisense】 自動(dòng)補(bǔ)全路徑 瀏覽器 【Open-In-Browser】在...
摘要：插件集待補(bǔ)充。。。同時(shí)，它還包含了用于轉(zhuǎn)換為格式和生成數(shù)據(jù)模式的選項(xiàng)用于壓縮合并和文件的應(yīng)用程序。它提供了大量自定義的設(shè)置，以及自動(dòng)壓縮保存并導(dǎo)出為文件的選項(xiàng)。修改文本的更多命名格式，包括駝峰命名下劃線分隔命名，命名以及命名等切換漂亮的主題 插件集 待補(bǔ)充。。。 20180903 文件 【Path Intellisense】 自動(dòng)補(bǔ)全路徑 瀏覽器 【Open-In-Browser】在...
摘要：名稱功能自動(dòng)閉合標(biāo)簽自動(dòng)提示修改標(biāo)簽時(shí)，自動(dòng)修改匹配的標(biāo)簽格式化編寫更加人性化的注釋添加行書簽的瀏覽器兼容性檢查運(yùn)行選中代碼段支持大量語言，包括單詞拼寫檢查在中彈出瀏覽器并搜索，可編輯搜索引擎顏色值在代碼中高亮顯示小窗口顯示顏色值，等等拾色 名稱 功能 Auto Close Tag 自動(dòng)閉合HTML標(biāo)簽 Auto Import...
閱讀 4142·2023-04-26 00:36
閱讀 2829·2021-11-16 11:44
閱讀 1267·2021-11-15 17:58
閱讀 1837·2021-09-30 09:47
閱讀 1361·2019-08-30 13:05
閱讀 1698·2019-08-30 12:55
閱讀 2570·2019-08-30 11:02
閱讀 2995·2019-08-29 17:01
