今天意外很早就發文，因為今天要好好去烤肉，目標一邊烤肉一邊codeing（Ｘ，先祝大家中秋快樂，自己也順利過完一半囉開心啊，後面的章節最近連假要好好準備重點章節部分囉

今天要說明是selector用法，裡面這次要講的功能有很多真的平常也不會用到，加上官網例子看了也是覺得一臉？號，要怎樣用，有興趣的人可以去看一下，連結當佳，就直接進範例直接來看

unquote

單純除去字串框起來的引號

//編譯前
.ex1 {
  content: unquote('kanna');
}
//編譯後
.ex1 {
  content: kanna; 
}

quote

單純把字串加上引號

//編譯前
.ex3 {
  width: quote($string: kanna);
}
//編譯後
.ex3 {
  width: "kanna"; 
}

append

把兩個字串連接起來中間夾帶一個空白，這個就是一個很問號的用法，不太清楚這個方法可以用在哪

//編譯前
$ex4Value: append('kiwi', 'kanna');
.ex4 {
  content: $ex4Value;
}
//編譯後
.ex4 {
  content: "kiwi" "kanna"; 
}

simple-selectors

把字串依符號切割成不同的字串，恩...也是不清楚這可以做怎樣用途

//編譯前
$ex5Value: simple-selectors(
  $selector: '$kanna.blog:after',
);

.ex5 {
  content: $ex5Value;
}
//編譯後
.ex5 {
  content: $kanna, .blog, :after; 
}

str-replace

恩看來也是一個不知道做啥詭異作用的方式，看起來很像根據引號位置，切出值出來實際可以用在哪邊，覺得也是讓我一臉問號

//編譯前
$color-blue-night: #172b47;
.ex6 {
  color: str-replace('' + $color-blue-night, '#', '');
}

//編譯後
.ex6 {
  color: str-replace("#172b47", "#", ""); 
}

今天分享很多用法，自己都會覺得問號，希望有朝一日我可以知道可以用在實際專案哪個位置