1.stylus

    對定義CSS的方式進行了改變，允許我們簡化CSS的書寫格式，同時允許我們定義變數、定義函數來操作CSS

    CSS處理器類型：
        sass/less/stylus

        stylus結構

1.1用法

<style lang="stylus">
  /*引入外部css文件*/
  @import 'assets/css/reset.css'  
  /*定義變數 這個顏色的值不能加引號*/
  $bgColor = #ccc;
  body
    background:$bgColor;
.header
  weight:100%;
  height:50px;
  background:#1c6132;
  display:flex;
  justify-content:center;
  align-items:center;
  /*img是.header的子級，直接縮進寫*/
  img
    height:40px;
  /*.title是.header的子級，和img同級，並且寫*/
  .title
    color:#fff
    margin-left: 10px
    /*&:hover是.title的滑鼠懸浮  &表示一個引用，引用自身*/
    &:hover
      color:yellow
</style>

註意:

&:hover 在pc端是滑鼠懸浮，在移動端變成點擊