CSS中的模式轉(zhuǎn)移指的是在一個(gè)選擇器中，我們可以通過(guò)使用空格、>、+、~等符號(hào)來(lái)表示元素之間的關(guān)系，這些符號(hào)都有各自的含義。

首先，空格選擇器（或稱為后代選擇器）表示選取元素內(nèi)部的所有符合條件的子孫元素：

div p {
color: red;
}

上面的代碼表示選擇所有在div元素內(nèi)部的p元素，設(shè)置它們的文字顏色為紅色。

其次，>選擇器（或稱為子元素選擇器）表示選取直接子元素：

div >p {
color: red;
}

上面的代碼表示選擇div元素的直接子元素中的p元素，并將它們的文字顏色設(shè)置為紅色。

接著，+選擇器（或稱為相鄰兄弟元素選擇器）表示選取下一個(gè)相鄰的兄弟元素：

p + p {
color: red;
}

上面的代碼表示選取文檔中相鄰的p元素中的第二個(gè)p元素，并將它們的文字顏色設(shè)置為紅色。

最后，~選擇器（或稱為通用兄弟元素選擇器）表示選取后面的所有兄弟元素：

p ~ p {
color: red;
}

上面的代碼表示選取文檔中任意位置后面的所有p元素，并將它們的文字顏色設(shè)置為紅色。

通過(guò)這幾種不同的選擇器組合，我們可以更加靈活地選取文檔中的元素，從而實(shí)現(xiàn)更多樣的樣式設(shè)計(jì)。