抵消CSS樣式是一種在網頁設計中使用的技巧，目的是讓某個元素的樣式與其他元素的樣式相互抵消，從而使整個頁面的樣式更加一致。

抵消CSS樣式的原理是，通過在元素的樣式中添加一個與另一個元素的樣式相反的作用域，來使這兩個元素的樣式相互抵消。具體來說，如果一個元素的樣式被定義為 `background-color: #f00`，那么通過在另一個元素的樣式中添加一個 `background-color: #0f0`，就可以使這兩個元素的樣式相互抵消，具體效果如下：

<div style="background-color: #f00;">

<span style="background-color: #0f0;">

Hello, world!

</span>

</div>

在這個例子中，第一個div元素的背景顏色是#f00，而第二個span元素的背景顏色是#0f0，通過在兩個元素中添加相同的樣式，就可以使它們的背景顏色相互抵消，從而只顯示一個元素的背景顏色。

要使用抵消CSS樣式，需要在元素的樣式中添加一個與另一個元素的樣式相反的作用域，例如：

<div style="background-color: #f00; color: #fff;">

<span style="background-color: #0f0; color: #fff;">

Hello, world!

</span>

</div>

在這個例子中，第一個div元素的背景顏色是#f00，而第二個span元素的背景顏色是#0f0，通過在兩個元素中添加相同的樣式，就可以使它們的背景顏色相互抵消，同時span元素的顏色也被替換為#fff。

總的來說，抵消CSS樣式是一種實用的網頁設計技巧，可以幫助開發人員和設計師更好地控制整個頁面的樣式。