1. 程式人生 > >sass中選擇器,css中的選擇器可以直接使用;

sass中選擇器,css中的選擇器可以直接使用;

from:   https://www.sass.hk/guide/    這裡繼承  混合器等   講解比較簡單,具體環境中會有各種問題---


  article {
  ~ article { border-top: 1px dashed #ccc }//跟在article後同層的子元素article;
  > section { background: #eee }//artilce下所有的section子元素;
  dl > {
    dt { color: #333 }
    dd { color: #555 }
  }
  nav + & { margin-top: 0 }//同層相鄰組合選擇器+選擇nav元素後緊跟的article元素---注意&用法;
}
//@import "color";//匯入color.scss檔案;



$color : blue !default;//---!default 給個提示,下面使用者可以更改,有沒有效果都一樣的;
.classname{
  $color : red;
  font-color:$color;
}



//----註釋方法;
#onebody {
  color  : /* 這塊註釋內容不會出現在生成的css中 */#333;
  padding: 1/* 這塊註釋內容也不會出現在生成的css中 */ 0;//0前面的空格還會有;
}