CSS（層疊樣式表）是用于控制網頁樣式和布局的語言。在CSS中，選擇器是用來選擇需要樣式的HTML元素。以下是CSS規則中的四種基本選擇器。

1. 元素選擇器
這是最常見的CSS選擇器之一。它通過選擇元素標簽來應用樣式。例如，要選擇所有的段落元素，可以使用以下代碼：
p {
color: red;
}
2. 類選擇器
類選擇器是一種更加精確的選擇器，它通過給HTML元素分配類名（Class）來選擇元素。例如，HTML代碼中的的元素可以這樣表示
<p class="highlighted">這是一個被高亮的段落。</p>
CSS代碼可以這樣應用樣式：
.highlighted {
background-color: yellow;
}
3. ID選擇器
ID選擇器是選擇元素ID屬性的選擇器。在HTML代碼中，元素ID必須是唯一的。例如，可以將以下<p>元素定義為具有唯一的ID：
<p id="main">這是主要段落。</p>
CSS代碼可以這樣引用：
#main {
font-size: 24px;
}
4. 屬性選擇器
屬性選擇器是通過屬性值來選擇元素的選擇器。例如，以下HTML代碼中的元素可以如下選擇：
<p data-name="john">這是一個名字為約翰的段落。</p>
CSS代碼可以這樣引用：
p[data-name="john"] {
color: green;
}

了解這四種CSS選擇器，可以幫助您更好地控制網頁的樣式和布局，使其從眾多的HTML元素中準確地選擇出需要美化的部分。