css

NOTE

selector: css4 or postcss support

  • &: 指的是上一級元素 (parent)
#main {
    & div { /* 這裡沒有指定 > div，指的是所有的 nested div 都會受影響 */
        font-size: 20px;
    }
}
  • > 指定下一級子元素 (children)
#main {
    & > div { /* 指定 > div，只有 #main 下一層的 div 會影響，第二層…第三層的甚至更裡面的 div 不受影響*/
        font-size: 20px;
    }
}