CSS抓取子節點是指在使用CSS樣式表布局網頁時，需要對某些元素進行修改，而不能直接修改其源代碼。為了修改這些元素，需要先獲取它們的子節點。在這種情況下，需要使用CSS選擇器來獲取元素的子節點，并將其替換為所需的內容。

在獲取元素的子節點時，可以使用以下方法：

1. 使用絕對定位：使用CSS中的絕對定位，可以定位到元素中的子節點。例如，可以使用以下CSS代碼將一個包含“<div>”元素的文本框中的子節點替換為“Hello World!”:

.parent {

position: relative;

.child {

position: absolute;

top: 50px;

left: 50px;

2. 使用嵌套選擇器：使用嵌套選擇器，可以獲取元素的子節點。例如，可以使用以下CSS代碼獲取一個包含“<div>”元素的文本框的子節點：

.parent .child {

display: flex;

3. 使用從屬性：使用從屬性，可以獲取元素的子節點。例如，可以使用以下CSS代碼獲取一個包含“<div>”元素的文本框的子節點的ID為“my-box”的元素：

div[id="my-box"] {

display: flex;

無論使用哪種方法，都需要使用CSS選擇器來獲取元素的子節點。例如，使用以下CSS選擇器可以獲取一個包含“<div>”元素的文本框的子節點：

div[id="my-box"] > * {

display: flex;

使用這種方法，可以獲取元素的子節點，并對其進行替換。