CSS6通過層級定位實現了更加精確的元素定位。層級定位通過指定選擇器之間的關系來限定樣式的作用范圍。

在層級定位中，選擇器之間可以使用空格、大于號、加號、波浪號等符號表達父子、兄弟等關系。

/* 空格：后代選擇器 */
.wrapper .box {
/* 限定.box元素在.wrapper元素內生效 */
}
/* 大于號：子選擇器 */
.wrapper >.box {
/* 限定.box元素為.wrapper元素的直接子元素 */
}
/* 加號：相鄰兄弟選擇器 */
ul + p {
/* 限定p元素必須緊鄰在ul元素之后 */
}
/* 波浪號：一般兄弟選擇器 */
.box ~ p {
/* 限定所有.box元素之后的所有p元素 */
}

在實際開發中，層級定位非常有用。例如，在一個多層級的導航條中，我們可以使用層級定位來選擇當前選中的元素并為其添加樣式：

.nav >ul >li.selected >a {
/* 限定選中元素為.nav、ul、li三者的子孫元素，并在選中li元素的子元素a上添加樣式 */
}

總而言之，層級定位是CSS6中一個非常實用的特性，能夠幫助我們更好地控制樣式的作用范圍和實現元素的精確定位。