我有一个与此较少的文件:
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background: @dark-bg;
margin-top: 2px;
-webkit-box-shadow: 0px -3px 23px 4px #333;
-moz-box-shadow: 0px -3px 23px 4px #333;
box-shadow: 0px -3px 23px 4px #333;
}
我想做这样的事情:
.navbar-default .navbar-nav > .open > a {
background: @dark-bg;
margin-top: 2px;
-webkit-box-shadow: 0px -3px 23px 4px #333;
-moz-box-shadow: 0px -3px 23px 4px #333;
box-shadow: 0px -3px 23px 4px #333;
&:hover, &:focus {
// some command to inherit all the attributes without repeating myself
}
}
我似乎找不到一种直接继承所有内容而不是像这样重复自己的方法。LESS可以做到吗?
您已接近,只需再次使用&
选择器即可:
.navbar-default .navbar-nav > .open > a {
&,
&:hover,
&:focus {
background: @dark-bg;
margin-top: 2px;
-webkit-box-shadow: 0px -3px 23px 4px #333;
-moz-box-shadow: 0px -3px 23px 4px #333;
box-shadow: 0px -3px 23px 4px #333;
}
}
该&
字符获取与包装选择的文本值替换。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句