在 CSS 中，選擇器是用來選擇 HTML 元素的。在選擇元素時(shí)，除了可以選擇自己，還可以通過選擇父級(jí)元素來影響自己的樣式。接下來我們就來學(xué)習(xí)一下如何使用 CSS 選擇父層元素。

.parent-class {
background-color: #eee;
padding: 20px;
}
.parent-class .child-class {
color: red;
}

上面的代碼中，我們使用了父子選擇器 .parent-class .child-class。這個(gè)選擇器的意思是選擇 class 為 .child-class 的元素，但它必須是 .parent-class 元素的后代元素。也可以簡(jiǎn)寫為 .parent-class .child-class { ... }。

這個(gè)選擇器的用法非常靈活，可以選擇任意層級(jí)的后代元素。如下所示：

.parent-class .child-class .grand-child-class {
font-size: 18px;
}

上面的代碼中，我們選擇的是父元素的子元素的子元素，即選擇了 .grand-child-class。這樣寫的好處是可以根據(jù)層級(jí)來設(shè)定樣式，這樣就可以更好的控制樣式的層級(jí)和繼承關(guān)系，代碼也更加美觀簡(jiǎn)潔。

總結(jié)一下，CSS 選擇父層元素的方式是使用父子選擇器，也就是將父元素的 class 作為前綴，然后再寫后代元素的 class 名稱。這樣可以很好的控制樣式的層級(jí)和繼承關(guān)系，也可以讓代碼更加美觀簡(jiǎn)潔。