在 CSS 中，要獲取某個元素的父節點或子節點是常見的需求。在下面的示例代碼中，我們將展示如何用CSS獲取父節點的子節點并對其進行樣式設置。

/* 獲取父級節點的子節點 */
.parent-class >.child-class {
/* 代碼塊 */
}

在上面的代碼中，我們使用了 CSS 中的 '>' 選擇器來獲取父節點的子節點。 '>'表示選擇器要匹配父元素的直接子元素，而不是其后代元素。例如，如果您有一個列表中的 div 元素，您只想為其所有直接 li 子元素設置樣式，并忽略其更深的子元素，則可以使用上述代碼。

您還可以通過使用 '+' 和 '~' 相鄰兄弟選擇器來獲取相鄰的子節點。如果您想為下一個相鄰的同輩元素設置樣式，則可以使用 '+'。如果您想為所有后續同輩元素設置樣式，則可以使用 '~'。

/* 獲取相鄰的子節點 */
.child-class:nth-child(2) + .sibling-class {
/* 代碼塊 */
}
/* 獲取所有后續同輩元素 */
.child-class ~ .sibling-class {
/* 代碼塊 */
}

在上面的代碼中，我們使用了選擇器:nth-child(2)來獲取第二個子元素，然后使用相鄰兄弟選擇器 '+' 來獲取相鄰的同輩元素。我們還使用了 '~' 選擇器來獲取所有后續同輩元素。

總之，在 CSS 中獲取父節點的子節點是非常有用的。通過使用這些選擇器，您可以輕松地對您的網站或應用程序的不同元素設置樣式，從而為用戶提供更好的體驗。