Sass nav 중첩이 작동하지 않습니다.

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; } 

인가 당신은 무엇을 달성하고자하는?