stylus-css预处理框架

• 官网
• 定义
  在 stylus 中可以使用变量、函数、判断、循环一系列 CSS 没有的东西来编写样式文件，执行这一套操作之后，这个文件可编译成 CSS 文件。
• 安装
  npm install stylus --save
  npm install stylus-loader --save

文档使用记录

• stylus 怎么使用星号（*），控制该类名下面所有的孩子都使用这个样式

  • 在 Stylus 中，可以使用星号（*）选择器来选择该类名下的所有子元素，并应用相同的样式。下面是一个示例：

    .my-class
      *  // 使用星号选择器
        color: red
    
    

  • 如果你只想选择直接子元素，可以使用 > 选择器。.my-class 下的直接子元素的文本颜色设置为红色，而不会影响嵌套的子元素 ，例如：

    .my-class
      > *  // 使用直接子元素选择器
        color: red