本文目錄導讀：

1. 使用CSS類
2. 使用CSS ID
3. 使用內聯樣式
4. 使用媒體查詢

CSS局部有效的實現方法

CSS（層疊樣式表）是一種用于描述HTML文檔樣式的語言，它可以控制文檔的外觀和布局，在CSS中，樣式可以應用于整個文檔，也可以局部應用，怎么讓CSS局部有效呢？

使用CSS類

CSS類是一種將樣式應用于特定HTML元素的方法，通過為元素添加類名，可以將樣式應用于該元素及其所有子元素，以下CSS代碼將樣式應用于所有具有"my-class"類的元素：

.my-class {
  color: red;
  font-size: 16px;
}

使用CSS ID

CSS ID是一種將樣式應用于特定HTML元素的方法，與CSS類類似，但ID是***的，且一個頁面內只能有一個元素使用同一個ID，以下CSS代碼將樣式應用于具有"my-id"ID的元素：

#my-id {
  color: blue;
  font-size: 20px;
}

使用內聯樣式

內聯樣式是一種將樣式直接應用于HTML元素的方法，通過將樣式屬性添加到HTML元素的"style"屬性中，可以局部應用樣式，以下HTML代碼將樣式應用于一個段落：

<p style="color: green; font-size: 18px;">這是一段文本。</p>

使用媒體查詢

媒體查詢是一種在特定設備或視口大小上應用樣式的技術，通過定義不同的媒體查詢，可以將樣式應用于不同的設備或視口大小，以下CSS代碼將樣式應用于所有寬度大于600px的視口：

@media (min-width: 600px) {
  body {
    background-color: lightblue;
  }
}

四種方法都可以實現CSS的局部有效，選擇哪種方法取決于具體的需求和場景。