本文目錄導(dǎo)讀：

1. 基本語法
2. 單獨設(shè)置樣式
3. 優(yōu)先級和層疊

如何單獨設(shè)置CSS

CSS（層疊樣式表）是一種用于描述HTML文檔樣式的語言，它可以控制文檔的外觀和布局，在CSS中，我們可以使用選擇器來單獨設(shè)置某個元素的樣式。

基本語法

CSS的基本語法包括選擇器和聲明塊，選擇器用于選擇需要設(shè)置樣式的元素，而聲明塊則包含了一條或多條樣式規(guī)則。

p {
  color: red;
  font-size: 16px;
}

上述代碼中，p是選擇器，表示選擇所有的段落元素。color: red;和font-size: 16px;是兩條樣式規(guī)則，分別表示將段落文本的顏色設(shè)置為紅色，并將字體大小設(shè)置為16像素。

單獨設(shè)置樣式

如果我們想要單獨設(shè)置某個元素的樣式，可以使用類選擇器或ID選擇器來實現(xiàn)，類選擇器以.開頭，ID選擇器以#開頭。

.my-class {
  color: blue;
  font-size: 20px;
}
#my-id {
  color: green;
  font-size: 30px;
}

在HTML中，我們可以給元素添加類名或ID，以應(yīng)用相應(yīng)的樣式。

<p class="my-class">這是一段文本，顏色為藍色，字體大小為20像素。</p>
<p id="my-id">這是一段文本，顏色為綠色，字體大小為30像素。</p>

優(yōu)先級和層疊

在CSS中，樣式的優(yōu)先級和層疊是非常重要的，ID選擇器的優(yōu)先級高于類選擇器，類選擇器的優(yōu)先級高于元素選擇器，如果優(yōu)先級相同，則后面的樣式會覆蓋前面的樣式。

p {
  color: black;
}
.my-class {
  color: blue;
}
#my-id {
  color: green;
}

在HTML中：

<p class="my-class">這是一段文本，顏色為藍色。</p>
<p id="my-id">這是一段文本，顏色為綠色。</p>

上述代碼中，#my-id的優(yōu)先級高于.my-class，因此文本的顏色為綠色，如果我們在.my-class后面再添加一條樣式規(guī)則：

.my-class {
  color: blue;
  font-size: 20px;
}

那么文本的顏色就會先應(yīng)用.my-class中的樣式規(guī)則，變?yōu)樗{色，然后再應(yīng)用#my-id中的樣式規(guī)則，變?yōu)榫G色，由于.my-class中的樣式規(guī)則優(yōu)先級更高，因此***終文本的顏色還是藍色。