資訊專欄INFORMATION COLUMN
摘要：常用語法是的預處理器，提供了很多方便的語法，如嵌套可復用代碼塊等，但是我們在做一般程序的時候用不上這么多功能，這里總結(jié)了里我用的最多的幾種常用語法定義變量元素包含偽類的嵌套這里的指的是前面的選擇器。
sass常用語法
sass是css的預處理器，提供了很多方便的語法，如嵌套、可復用代碼塊等，但是我們在做一般程序的時候用不上這么多功能，這里總結(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)樣式，只能用來繼承。
可復用代碼塊@mixin@mixin col-sm ($width:50%){
@media (min-width: 768px) {
width: $width;
float: left;
}
}
這里定義了一個名為col-sm的代碼塊通過后面的括號傳參，名為$width的參數(shù)默認值為50%，里面的@media是媒體查詢，也可以不傳變量，去掉后面的括號就行。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/115300.html
摘要：插件集待補充。。。同時，它還包含了用于轉(zhuǎn)換為格式和生成數(shù)據(jù)模式的選項用于壓縮合并和文件的應用程序。它提供了大量自定義的設置，以及自動壓縮保存并導出為文件的選項。修改文本的更多命名格式，包括駝峰命名下劃線分隔命名，命名以及命名等切換漂亮的主題 插件集 待補充。。。 20180903 文件 【Path Intellisense】 自動補全路徑 瀏覽器 【Open-In-Browser】在...
摘要：插件集待補充。。。同時，它還包含了用于轉(zhuǎn)換為格式和生成數(shù)據(jù)模式的選項用于壓縮合并和文件的應用程序。它提供了大量自定義的設置，以及自動壓縮保存并導出為文件的選項。修改文本的更多命名格式，包括駝峰命名下劃線分隔命名，命名以及命名等切換漂亮的主題 插件集 待補充。。。 20180903 文件 【Path Intellisense】 自動補全路徑 瀏覽器 【Open-In-Browser】在...
摘要：名稱功能自動閉合標簽自動提示修改標簽時，自動修改匹配的標簽格式化編寫更加人性化的注釋添加行書簽的瀏覽器兼容性檢查運行選中代碼段支持大量語言，包括單詞拼寫檢查在中彈出瀏覽器并搜索，可編輯搜索引擎顏色值在代碼中高亮顯示小窗口顯示顏色值，等等拾色 名稱 功能 Auto Close Tag 自動閉合HTML標簽 Auto Import...
閱讀 3880·2023-04-26 00:36
閱讀 2681·2021-11-16 11:44
閱讀 1105·2021-11-15 17:58
閱讀 1679·2021-09-30 09:47
閱讀 1221·2019-08-30 13:05
閱讀 1552·2019-08-30 12:55
閱讀 2420·2019-08-30 11:02
閱讀 2748·2019-08-29 17:01
