當某個鏈接或元素被選中時可以時,需要改變其顏色或狀態,而stylus中提供&選擇器,&指向父選擇器,用於判斷父元素達到某條件時改變狀態,下面的例子中當父元素router-link有被選中(active)時,子元素改變顏色並加上下划線。
//html <router-link tag="div" class="tab-item" to="/recommend"> <span class="tab-link"></span> </router-link> //css .tab-link padding-bottom: 5px color: #fff &.router-link-active .tab-link color: #000 border-bottom: 2px solid #000
原文鏈接:https://blog.csdn.net/tjzc1352640/article/details/78359863