在CSS中，感嘆號是一個非常重要的符號。他的存在可以改變CSS的解析方式，讓我們來探究一下吧。

selector1 {
property1: value1;
}
selector1! {
property2: value2;
}

以上是一段CSS代碼示例，我們可以看到在第二個選擇器中，感嘆號的加入改變了CSS的解析方式，使得property2的作用范圍變成只作用于selector1的最外層元素。

實際上感嘆號的作用是表示只在目標組成部分的最外層發生作用，也就是說，如果一個元素是另一個元素的子元素，使用感嘆號的樣式只會作用于父元素而不會作用于子元素。

parent! child {
/* 只會作用于parent */
property: value;
}

此外，還有一個特殊的作用——將感嘆號與屬性選擇器結合使用，可以表示不匹配的選擇器。例如：

input:not([type="text"]) {
/* 只會作用于非text類型的input */
property: value;
}

可以看到，這里的感嘆號表示了“不匹配”的意思，因此這個選擇器只會作用于不是text類型的input元素。

綜上所述，CSS中的感嘆號雖然只是一個符號，但是它的作用相當強大，可以改變CSS的解析方式，也可以表示不匹配的選擇器，是我們在編寫CSS樣式表時必須要掌握的一個知識點。