选择器1是最基本的CSS选择器之一，它允许大家选择HTML元素中的类名或ID名。类名或ID名可以被包含在类名或ID名中，或以双引号括起来。选择器1可以使用以下规则进行匹配：
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
在这个例子中，大家选择`<ul>`标签中的`<li>`标签中的`<li>`标签。
2. 选择器2：属性选择器
选择器2允许大家选择HTML元素中的属性名。属性名可以是单个字符或双引号括起来的表达式。例如：
<p id=”myId”>This is an element with an ID of “myId”.</p>
在这个例子中，大家选择`<p>`标签中的`id`属性为`”myId”`。
3. 选择器3：伪类选择器
选择器3是一种CSS伪类选择器，用于选择具有相同属性值的不同子元素。例如：
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
在这个例子中，第一个`<ul>`标签中的`<li>`标签和第二个`<ul>`标签中的`<li>`标签具有相同的`id`属性值，但是它们的`class`属性值不同。
5. 选择器5：边框选择器
选择器5是一种边框选择器，用于选择HTML元素中的边框。它允许大家选择HTML元素的`border`属性。例如：
<p>This is an element with a black borderbottom.</p>
在这个例子中，大家选择`<p>`标签中的`border`属性为`1px`，并将其设置为黑色。
6. 选择器6：背景选择器
选择器6是一种背景选择器，用于选择HTML元素的背景色。它允许大家选择HTML元素的`background`属性。例如：
<p>This is an element with a red background.</p>
<div>This is a div with a blue background.</div>
在这个例子中，第一个`<p>`标签和第二个`<div>`标签中的`background`属性值都设置为红色。
7. 选择器7：字体选择器
选择器7是一种字体选择器，用于选择HTML元素中的字体。它允许大家选择HTML元素的`font-family`属性。例如：
<p>This is an element with a Arial fontfamily.</p>
<h1>This is an element with a Arial fontfamily and a black background.</h1>
在这个例子中，第一个`<p>`标签中的`font-family`属性为`Arial`，而第二个`<h1>`标签中的`font-family`属性为`Arial, sans-serif`。