较少-具有相同样式的多个不同类? [英] LESS - multiple different classes with the same style?
本文介绍了较少-具有相同样式的多个不同类?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
您如何在下面的LESS中编写这种样式?
How would you write this style below in LESS?
nav a:hover,
nav a:focus,
footer a:hover,
footer a:focus,
.fullscreen-container a:hover,
.fullscreen-container a:focus {
text-decoration: none;
}
我的尝试:
.text-decoration-none () {
text-decoration: none;
}
nav a {
&:focus,
&:focus {
.text-decoration-none ();
}
}
footer a {
&:focus,
&:focus {
.text-decoration-none ();
}
}
.fullscreen-container a {
&:focus,
&:focus {
.text-decoration-none ();
}
}
结果:
nav a:focus,
nav a:focus {
text-decoration: none;
}
footer a:focus,
footer a:focus {
text-decoration: none;
}
.fullscreen-container a:focus,
.fullscreen-container a:focus {
text-decoration: none;
}
理想的结果:
nav a:hover,
nav a:focus,
footer a:hover,
footer a:focus,
.fullscreen-container a:hover,
.fullscreen-container a:focus {
text-decoration: none;
}
有什么想法吗?
推荐答案
nav, footer, .fullscreen-container {
a {
&:hover, &:focus {
text-decoration: none;
}
}
}
这篇关于较少-具有相同样式的多个不同类?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文