stylus动态改变样式
2017-10-26 23:07
585 查看
当某个链接或元素被选中时可以时,需要改变其颜色或状态,而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: $color-text-1 &.router-link-active .tab-link color: $color-theme border-bottom: 2px solid $color-theme
相关文章推荐
- 如何在网页中动态改变样式
- 这是一个动态改变选中的li的样式(增加/删除),
- AngularJS使用ng-style动态改变样式
- Silverlight4 动态改变界面的样式
- 【javascript】动态改变样式
- angular 创建一个简单的属性型指令 (动态获取DOM元素size,对DOM样式进行改变)
- android样式学习(一) 使用selector改变来动态改变背景颜色
- 如何在网页中动态改变样式
- 使用delphi程序动态改变当前鼠标箭头的样式
- Javascript动态改变按钮样式
- jQuery文本框得到与失去焦点动态改变样式效果
- flex 学习笔记 动态改变 样式文件
- 动态改变控件的样式(Css)
- javascript动态改变style里的样式
- jQuery实现鼠标滚轮动态改变样式或效果
- angularJs中的ng-class动态改变样式
- angularJs中ng-style动态改变样式
- Repeater简单应用(动态改变内部样式)
- CSS动态改变样式
- Jquery动态改变样式