在 CSS 樣式表設(shè)計(jì)中，約束是一個(gè)非常重要的概念。CSS 的約束規(guī)則主要涉及到三種不同的選擇器：元素選擇器、類選擇器和 ID 選擇器。這些選擇器可以用來匹配 HTML 文檔中的相應(yīng)元素，并將相應(yīng)的樣式規(guī)則應(yīng)用到這些元素上。下面我們來分別介紹一下這三種約束規(guī)則的使用方法：

/* 元素選擇器 */
p {
font-size: 16px;
}
/* 類選擇器 */
.highlight {
background-color: yellow;
}
/* ID 選擇器 */
#header {
font-weight: bold;
}

元素選擇器可以匹配 HTML 文檔中所有的相應(yīng)元素，比如上述代碼中的 p 選擇器可以匹配所有的段落元素。類選擇器則通過給 HTML 中的元素添加特定的類名來進(jìn)行匹配。例如，類選擇器 .highlight 將會(huì)匹配所有帶有 class 屬性值為 highlight 的元素。ID 選擇器則是通過給 HTML 中的元素添加特定的 id 屬性值來進(jìn)行匹配。例如，上述代碼中的 #header 將會(huì)匹配 HTML 中 id 屬性值為 header 的元素。

除了這三種基本的選擇器，CSS 還提供了一些高級(jí)的選擇器，如后代選擇器、偽類選擇器、屬性選擇器等。這些選擇器可以更加精確地控制 CSS 中的約束規(guī)則。對(duì)于一些復(fù)雜的 CSS 樣式表，正確使用這些選擇器可以讓代碼更加簡單、高效。