[英]CSS link nested styles
我需要创建很多链接styles:
a:link {color: one;}
a:visited {color: two;}
a:hover {color: three;}
a:active {color: four;}
但对于 a.1 - a.10
有什么办法可以将代码切割成更紧凑的变体?
谢谢。
你不能用简单的 CSS 做到这一点,你可以使用 SASS 来做你想做的事。
您将能够创建类似的东西:
.my-class-1 a, .my-class-2 a {
:link {
color: one;
}
:visited {
color: two;
}
[...]
}
如果您的 class 需要多种样式,您仍然可以像这样嵌套您a
,它仍然更容易阅读和更快地编写:
.my-class-1 a {
:link {
color: one;
}
:visited {
color: two;
}
[...]
}
.my-class-2 a {
:link {
color: three;
}
:visited {
color: four;
}
[...]
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.