Less 重用无CSS代码
例如,您有以下内容:Less 重用无CSS代码,less,Less,例如,您有以下内容: #nav { position: relative; background: transparent; width: 100%; color: #FFF; .block { padding-top: 2em; } ul { border: none; margin: 0; li { border: none; .inline-block; font-size: 1em; p
#nav {
position: relative;
background: transparent;
width: 100%;
color: #FFF;
.block {
padding-top: 2em;
}
ul {
border: none;
margin: 0;
li {
border: none;
.inline-block;
font-size: 1em;
padding: 0 0.4em;
text-shadow: 1px 1px 1px #171717;
a:link, a:visited {
padding: 0;
color: #777;
}
a:hover {
color: @hover;
}
&.highlight a {
color: @highlight;
}
&:hover {
background: none;
border: none;
}
}
}
}
如果您想在样式表中使用相同的代码3次,是否有方法将其保存为变量或类似的代码,但使用的次数较少?当然,您可以使用以前定义的类和id规则集作为其他定义的属性,如下所示:
.classname {
#nav;
/* further styling here */
}
有关更多信息,请参阅此链接: