optional翻譯成漢語具有"可選的"的意思。顧名思義,!optional標記前面的擴展不必鬚生成一個新的選擇器。看一段SCSS代碼片段: 由於並不存在一個名為notice的樣式類,所以上述代碼會報錯。代碼修改如下: 由於是可選的,即便notice樣式類不存在也不會報錯。編譯結果如下: ...
optional翻譯成漢語具有"可選的"的意思。顧名思義,!optional標記前面的擴展不必鬚生成一個新的選擇器。看一段SCSS代碼片段:
p{ color:red; @extend .notice }
由於並不存在一個名為notice的樣式類,所以上述代碼會報錯。代碼修改如下:
p{ color:red; @extend .notice !optional }
由於是可選的,即便notice樣式類不存在也不會報錯。編譯結果如下:
p { color: red; }