一般情況下，sass在解開(kāi)一個(gè)嵌套規(guī)則時(shí)就會(huì)把父選擇器（#content）通過(guò)一個(gè)空格連接到子選擇器的前邊（article和aside）形成（#content article和#content aside）。

看個(gè)例子：

#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里邊被稱為后代選擇器，因?yàn)樗x擇了ID為content的元素內(nèi)所有命中選擇器article和aside的子元素。

然而現(xiàn)實(shí)開(kāi)發(fā)過(guò)程中，并不是所有的場(chǎng)景我們都需要這種行為。

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} 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。