CSS--點擊改變樣式


當某個鏈接或元素被選中時可以時,需要改變其顏色或狀態,而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 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM