Css 参考父值
是否有任何方法可以引用父值,如每个示例Css 参考父值,css,sass,Css,Sass,是否有任何方法可以引用父值,如每个示例 .btn-blue { background-color: $light-blue; &:hover { background-color: rgba($light-blue,.7); } } .btn-green { background-color: $light-green; &:hover { background-color: rgba($light-
.btn-blue {
background-color: $light-blue;
&:hover {
background-color: rgba($light-blue,.7);
}
}
.btn-green {
background-color: $light-green;
&:hover {
background-color: rgba($light-green,.7);
}
}
我想写一个:悬停选择器,它将获得父对象的值。差不多
.btn-blue {
background-color: $light-blue;
}
.btn-green {
background-color: $light-green;
}
.btn-green, .btn-blue {
&:hover {
background-color: rgba($parent_color,.7);
}
}
有什么想法吗 您可以使用mxins并传入颜色:
@mixin btn-color($selColor)
{
background-color: $selColor;
&:hover { background-color: rgba($selColor,.7);
}
}
并像这样使用它:
.btn-green { @include btn-color($light-green); }
.btn-blue { @include btn-color($light-blue); }