CSS 标签未在 Sublime Text 中着色

Question

我正在尝试使用 sublime text2 作为文本编辑器来编辑 css 代码。然而，我遇到的问题是 .css 文件没有读取 li 标签。这是 css 代码的副本，在 sublime 文本上没有变色的标记是 li、a 和 a:hover(我在遇到问题的代码部分旁边写了 HERE)

我不知道是否相关，但我正在使用 scss 然后使用 codekit 获取 css 代码。

html, body {    /* covers the html and body tags */
width: 100%;  /* width and height to make sure it fills the browser */
height: 100%;  
padding: 0; /* padding and margin set to 0 not to mess with our elements*/
margin: 0;
}

.navigation {    /* class of navgiation */
padding: 0; 
margin: 0;
background: #333; 
position: fixed; /* As we scroll down the page, it will always still in the top or where it is*/
top: 0;  /* 0 pixels away from the top*/
z-index: 999; /* As we go through the slides, it will always be on top of any layer */
width: 100%; /*Scroll all the way across our page*/

HERE---->li{
    display: inline-block;
    padding: 5px 10px;

    a {
        color: #e1e1e1;
        text-decoration: none;

        a:hover {
            color: lighten(#e1e1e1, 20%);
        }
    }
}

.active {
    background-color: lighten(#333, 20%);
}
}

Answer 1

不能嵌套纯 css 规则，因此 Sublime Text 可能不会将它们解析为 css。

你提到了 scss，但是你需要在 ST 中设置这个语言选项，它需要安装一个插件，才能识别语法。