-
at-root
在SCSS中嵌套，使用
@at-root內聯選擇器模式，編譯出來的CSS無任何嵌套，讓代碼更加的簡單。回到SCSS中的嵌套中，如果不使用@at-root內聯選擇器模式，將會按代碼的層級關系一層一層往下嵌套。如上例，將用例中的@at-root去掉之后，將會編譯出像下面的CSS代碼（了解過Sass）的同學，一點都不會覺得奇怪。
.bar?{??color:?gray;?}button?{??color:?red;?}span?{??color:?orange;?}查看全部 -
extend知識點：
查看全部 -
sass基本語法：
注釋 : //不會在編譯后的css文件中出現，/**/會在編譯后的css文件中出現
查看全部 -
scss通過內部定義hsl函數生成的css將會將csss3的hsl替換成color
查看全部 -
mixin的調用方式
查看全部 -
通過函數：
查看全部 -
變量操作：
查看全部 -
scss除了提供類的嵌套能力還提供了屬性的嵌套
查看全部 -
// 注釋的內容最后不會生成到css文件中
/**/這個會
//注釋習慣
/**
*CONTENTS
*
*SETTINGS
*
*TOOLS
*
*COMPONENTS
*
*BUSINESS
*
*BASE
*/
查看全部 -
兩行import可以寫成一行
@import “variables”,"compass/reset"
查看全部 -
@import "variables"
//文件目錄下的文件是_variables.scss
查看全部 -
使用css原生@improt的既定規則
查看全部 -
scss 同 sass 文件互相轉換命令：
scss轉sass: sass-convert main.scss main.sass
sass轉scss: sass-convert main.sass main.scss
命令sass-convert 不變，參數文件互換即可；
@import 引入局部文件的時候，不需要加前邊的下滑線；
sass 重新定義了@import 引入命令，可隨意引入；不同與css的@import命令；
非要使用css原生的@import命令滿足條件：
引入文件合并引入：
合并
/* 注釋 */? ?注釋的內容會編譯到文件中;
// 注釋? ?注釋的內容不會編譯到文件中；
對引入文件進行分別注釋：
父類選擇器： &
sass 除了提供類嵌套，還提供屬性嵌套：
屬性嵌套后：
注意屬性嵌套加冒號
查看全部 -
sass? 是 css 擴展語言；
compass 是開源的 css 書寫框架；
命名：以一個下劃線開頭命名的sass文件，被稱為局部文件，主要用來被其他sass文件引入，不會被單獨編譯成css文件；
編譯、監聽項目：
把編譯好的css文件引入到你的web項目中：
查看全部 -
ruby 的? gem 同 node 的 npm? 概念相似；
curl? 是利用URL語法在命令行方式下工作的開源文件傳輸工具；
Pretty Good Privacy 加密軟件， 商用收費
GunPG 簡稱 GPG? 免費
查看全部
舉報