这是我的代码
html, body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
body {
font-family: 'Open Sans';
}
.navigation {
padding: 0;
margin: 0;
background: #333;
position: fixed;
top: 0;
z-index: 999;
width: 100%
li {
display: inline;
padding: 5px 10px;
a {
color: #e1e1e1;
text-decoration: none;
a:hover{color: lighten(#e1e1e1, 20%);}
}
}
}
但是每当我构建它并刷新网页时,就会出现这个错误:
Syntax error: Illegal nesting: Only properties may be nested beneath properties.
on line 23 of style.scss
这是我的带行号的CSS代码
18: z-index: 999;
19: width: 100%
20: li {
21: display: inline;
22: padding: 5px 10px;
23: a {
24: color: #e1e1e1;
25: text-decoration: none;
26: a:hover{color: lighten(#e1e1e1, 20%);}
27: }
28: }
我猜测是锚标签造成了问题,但我不理解为什么。理论上应该可以工作。
&:hover
而不是a:hover
,因为看起来您想要针对相同的父级 -a
标签。 - vivekagr