一般情況下，sass在解開一個嵌套規則時就會把父選擇器（#content）通過一個空格連接到子選擇器的前邊（article和aside）形成（#content article和#content aside）。

看個例子：

#content {article {h1 { color: #333 }p { margin-bottom: 1.4em }}#content aside { background-color: #EEE } }

編譯之后：

#content article h1 { color: #333 } #content article p { margin-bottom: 1.4em } #content aside { background-color: #EEE }

這種在CSS里邊被稱為后代選擇器，因為它選擇了ID為content的元素內所有命中選擇器article和aside的子元素。

然而現實開發過程中，并不是所有的場景我們都需要這種行為。

article a {color: blue;&:hover { color: red } }

編譯后：

article a { color: blue } article a:hover { color: red }

群組選擇器

nav, aside {a {color: blue} }

編譯后：

nav a, aside a {color: blue} 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的scss里父选择器的标识符的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。