你能在CSS或SCS中锚链伪类吗?
我正在使用SCS,想知道是否有更好的方法来写这个你能在CSS或SCS中锚链伪类吗?,css,sass,css-selectors,pseudo-class,Css,Sass,Css Selectors,Pseudo Class,我正在使用SCS,想知道是否有更好的方法来写这个 .nav li a:hover, .nav li a:active, .nav li a:visited, .nav li a:focus 我希望这样的事情能够发生 .nav li a:hover:active:visited:focus 是的,您可以使用和字符: .nav li a { &:hover, &:active, &:visited, &:focus { }
.nav li a:hover, .nav li a:active, .nav li a:visited, .nav li a:focus
我希望这样的事情能够发生
.nav li a:hover:active:visited:focus
是的,您可以使用
和字符:
.nav li a {
&:hover,
&:active,
&:visited,
&:focus {
}
}
发件人:
&将替换为CSS中显示的父选择器。这意味着,如果您有一个深度嵌套的规则,则父选择器将在替换&之前完全解析
是的,您可以使用和字符:
.nav li a {
&:hover,
&:active,
&:visited,
&:focus {
}
}
发件人:
&将替换为CSS中显示的父选择器。这意味着,如果您有一个深度嵌套的规则,则父选择器将在替换&之前完全解析
SCSS提供了一些帮助
不能在CSS中链接伪类,但要使用嵌套语法:
.nav li a {
&:hover,
&:active,
&:visited,
&:focus {
…
}
}
SCSS提供了一些帮助
不能在CSS中链接伪类,但要使用嵌套语法:
.nav li a {
&:hover,
&:active,
&:visited,
&:focus {
…
}
}
你认为这到底是如何工作的?@cimmanon:很简单,一个被访问的链接,悬停、激活、聚焦。另一方面,如果你有类似于a:link:visted:hover:active:focus
,你认为这将如何工作呢?@cimmanon:Easy,一个悬停、激活和聚焦的已访问链接。另一方面,如果您有类似a:link:visted:hover:active:focus
,则。。。