CSS（層疊樣式表）用于描述和渲染網頁的樣式，通過定義樣式規則來控制文檔中的元素外觀及行為。CSS規則是由選擇器和聲明塊組成的。選擇器指定了哪些HTML元素應該被樣式化，聲明塊包含了一組屬性-值對，用來修改這些元素的外觀。

selector {
property: value;
}

選擇器可以基于元素的標簽、屬性、ID、類、偽類等進行匹配。屬性是CSS規則里定義的可修改元素外觀的個別特質，如字體、顏色、寬度、高度等。值則表示要將屬性賦予的具體屬性值，如“red”、“12px”、“bold”等。

可以通過組合不同選擇器的方式，達到更精確的匹配和定位效果。如：

p.warning {
color: red;
}

上述規則將匹配所有使用了class名為"warning"的p元素，并將其文字顏色改為紅色。選擇器組合可以使用逗號“,”來分隔規則：

h1, h2, h3 {
font-weight: bold;
}

上述規則將對所有h1、h2、h3元素的字體加粗顯示。CSS樣式的規則遵循層疊原則，按照優先級依次應用。CSS選擇器的優先級從高到低分別為：

• 內聯樣式：如style屬性
• ID選擇器：如#id { ... }
• 類，屬性和偽類選擇器：如.class { ... } 和 [attr] { ... }
• 元素和偽元素選擇器：如p { ... } 和 ::before { ... }

如果有多條規則對同一個元素進行了設定，那么它們的作用順序是按照其在樣式表中的位置從上至下執行的。后面的規則會覆蓋前面的規則。

/* element with id "foo" */
#foo {
color: red;
}
/* element with id "foo" and class "bar" */
#foo.bar {
color: blue;
}
/* element with class "bar" */
.bar {
color: green;
}

在上述例子中，如果一個元素既有id屬性為foo又有class屬性為bar，那么該元素將會顯示為藍色，因為第二條規則的優先級比第三條的優先級高。