CSS選擇器是用來匹配HTML元素的，這些元素可以是類、標簽、ID等。CSS選擇器可以有各種不同的方式來匹配元素。但有時候，我們需要可以穿透到父元素并選擇子元素，或者用選擇器觸發另一個選擇器。這就是“CSS可穿透可觸發”的概念。

.parent {
background-color: yellow;
}
.child {
background-color: green;
}
/* 用“&”符號穿透到父元素 */
.parent {
&:hover {
background-color: red;
}
}
/* 用“@at-root”選擇器觸發另一個選擇器 */
.parent {
@at-root .child {
background-color: blue;
}
}

在第一個例子中，我們使用“&”符號穿透到父元素，然后使用“:hover”選擇器來改變父元素的背景色。這樣可以避免重復編寫代碼。

在第二個例子中，我們使用“@at-root”選擇器觸發另一個選擇器。這樣可以在需要的時候，方便地改變選擇器，而不需要修改HTML。

結合“CSS可穿透可觸發”可以讓我們更加方便地編寫CSS，避免代碼冗余，提高代碼的可讀性和維護性。