关于 tab切换 变换样式和 css的问题
来源:3-2 路由配置+ tab 顶导组件开发
慕哥3755432
2019-09-10
.tab
display: flex
height: 44px
line-height: 44px
font-size: $font-size-medium
.tab-item
flex: 1
text-align: center
.tab-link
padding-bottom: 5px
color: $color-text-l
&.router-link-active
.tab-link
color: $color-theme
border-bottom: 2px solid $color-theme
请问这种是什么样的css写法,和less和sass都不一样,&这里也是同级的意思吗?他这里又没有在切换tab的时候添加点击事件,是如何做到切换tab的时候 更新样式的
写回答
2回答
-
慕哥3755432
提问者
2019-09-10
&.router-link-active
.tab-link
color:red
border-bottom: 2px solid $color-theme
我是没明白 为什么&.router-link-active这样写 而不是 &.router-link:active
00 -
liugezhou
2019-09-10
stylus,需要npm install 两个依赖【stylus】【stylus-loader】
00
相似问题