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

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

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

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