html - Sass导航嵌套不起作用

Question

使用 HTML5nav元素和嵌套 SASS 属性。没有任何属性应用于 html。不确定问题出在哪里。

这是我的萨斯：

nav{height:4em;width:100%;position:relative;padding:10px;z-index:1000;
  ul{list-style:none;}
  li{display:inline;font-size:130%;"
   a{color:#333;text-decoration:none; padding:5px;
    &:hover{border-bottom:#f8a593 2px solid;}
    &:active{border-bottom:#fd5d39 2px solid;}
}

这是我的html：

  <nav>
    <ul>
       <li><a class="active-link" href="index.html">Home</a></li>
       <li><a href="work.html">Work</a></li>
       <li><a href="#.html">Le Me</a></li>
    </ul>
  </nav>

Answer 1

是不是因为在那一行：

li{display:inline;font-size:130%;"

最新的字符应该是}，而不是"。一旦我改变了它，你的代码就会被编译成：

nav {
  height: 4em;
  width: 100%;
  position: relative;
  padding: 10px;
  z-index: 1000; }
  nav ul {
    list-style: none; }
  nav li {
    display: inline;
    font-size: 130%; }
  nav li a {
    color: #333;
    text-decoration: none;
    padding: 5px; }
  nav:hover {
    border-bottom: #f8a593 2px solid; }
  nav:active {
    border-bottom: #fd5d39 2px solid; }

那是你想要达到的吗？