層級選擇器是CSS中非常重要的一種選擇器，它使用上下文關系來選擇元素，非常適合用于復雜的HTML結構中。

.parent {
background-color: #ccc;
}
.parent .child {
background-color: #333;
}

如上所示，.parent .child 就是一種典型的層級選擇器，它使用了上下文關系，選擇了.parent元素下面的.child元素，并對其進行了樣式設置。

需要注意的是，層級選擇器對HTML結構會有一定的要求。比如，樣式設置 .parent .child 只會選中父元素是 .parent 的 .child ，而不會選中其他位置的 .child ，因此在HTML結構設計時需要兼顧CSS的選擇器規則。

同時，在嵌套深度較深的情況下，層級選擇器也許會使CSS樣式變得冗長，因此在實際開發中還需要注意代碼優化。

.parent .child .grandson {
background-color: #666;
}

上面的代碼就是一個樣式嵌套比較深的例子，.parent .child .grandson 選擇器用到了3級選擇器，雖然在兩個或三個元素層級的情況下使用層級選擇器方便快捷，但是，層級選擇器使用太多也不是太好。

總之，在合適的情況下使用層級選擇器可以方便CSS的樣式設置，同時也需要注意代碼書寫規范和優化。