CSS3中的雙層選擇器是指通過兩個選擇器來匹配元素的樣式，可以實現更精準的樣式控制，提高編寫CSS樣式的效率和靈活性。

/* 雙層選擇器語法 */
選擇器1 選擇器2 {
屬性: 值;
}
/* 示例 */
.box:hover .btn {
background-color: red;
}

以上示例中，選擇器1是.box:hover，選擇器2是.btn，表示當鼠標懸停在.box元素上時，控制.btn元素的背景色為紅色。

通過雙層選擇器，我們可以輕松實現一些常見的效果，如下文所示：

控制子元素

/* 選擇器1為父元素，選擇器2為子元素 */
.box li {
font-size: 14px;
}

以上代碼表示在.box元素中選擇所有li元素，并控制它們的字體大小為14像素。

控制兄弟元素

/* 選擇器1為第一個兄弟元素，選擇器2為其后面的兄弟元素 */
.btn:first-child ~ .btn {
color: blue;
}

以上代碼表示在.btn元素中選擇第一個.btn元素，并控制其后所有.btn元素的顏色為藍色。

控制偽元素

/* 選擇器1為匹配某種狀態的元素的偽元素，選擇器2為它的子元素 */
.box:before {
content: "before";
color: red;
}

以上代碼表示在.box元素前添加一個偽元素，并控制其內容顯示為"before"，文字顏色為紅色。

總之，通過雙層選擇器，我們可以更加靈活地控制元素的樣式，實現更加豐富的效果，提升頁面的美觀度和用戶體驗。