Sass導航嵌套不起作用

Question

使用HTML5 nav元素和嵌套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; } 

這就是你想要達到的目標嗎？