CSS是一種用于樣式表設計的編程語言，用于控制網頁中的內容和樣式。屏蔽代碼是CSS中的一個重要概念，用于控制哪些元素可以受到CSS樣式的影響。

下面是一些常見的CSS屏蔽代碼：

1. :first-child和：last-child屏蔽代碼：用于選擇第一個和最后一個元素。這些屏蔽代碼只會對第一個和最后一個元素起作用，而不是其他元素。

```css

.parent {

width: 300px;

height: 300px;

.child:first-child {

width: 200px;

.child:last-child {

width: 200px;

在上面的代碼中，`.parent`元素是父元素，`.child`元素是子元素。`.parent`元素的寬度設置為300px，而`.child`元素的寬度只設置為200px。

2. :hover和：active屏蔽代碼：用于選擇鼠標懸停和當前被激活的元素。這些屏蔽代碼只會對當前被激活的元素起作用，而不是其他元素。

```css

.parent {

width: 300px;

height: 300px;

.child:hover {

background-color: red;

.child:active {

background-color: blue;

在上面的代碼中，`.parent`元素是父元素，`.child`元素是子元素。當鼠標懸停在`.child`元素上時，`.child`元素的背景顏色會變成紅色，而當鼠標Active(單擊)時，`.child`元素的背景顏色會變成藍色。

3. :root和：first-of-type屏蔽代碼：用于選擇根元素、第一個元素和其他第一個元素。這些屏蔽代碼只會對第一個元素起作用，而不是其他元素。

```css

.parent {

width: 300px;

height: 300px;

.child {

background-color: blue;

.other-child:first-of-type {

background-color: green;

在上面的代碼中，`.parent`元素是父元素，`.child`元素是子元素。`.other-child`元素是另一個子元素，它只會被選擇為第一個元素，而不是其他元素。

屏蔽代碼的使用可以幫助開發人員控制哪些元素應該受到CSS樣式的影響，從而使網頁更加易于維護和修改。