CSS選擇器有兩種類型:類選擇器和屬性選擇器。類選擇器選擇具有相同類名的HTML元素,而屬性選擇器選擇具有指定屬性的HTML元素。下面將分別介紹這兩種選擇器。
### 類選擇器
```css
color: blue;
font-weight: bold;
可以使用類名來創(chuàng)建自定義選擇器,例如:
```css
h1.my-class {
font-size: 2em;
這將選擇所有以`h1.my-class`為類名的HTML元素,其中`my-class`是自定義類名。
### 屬性選擇器
屬性選擇器是一種選擇HTML元素的方法,可以指定元素的特定屬性。使用屬性選擇器時,需要指定選擇器的第一個字符和要選擇的屬性。例如,以下代碼選擇所有`id`為`my-id`的元素:
```css
#my-id {
color: blue;
font-weight: bold;
這將選擇所有具有`id`屬性為`my-id`的HTML元素,其中`my-id`是元素的唯一標(biāo)識符。
在選擇器列表中,可以使用通配符來指定多個屬性,例如:
```css
#my-id a {
color: blue;
font-weight: bold;
text-decoration: none;
這將選擇所有`id`為`my-id`、`a`標(biāo)簽的HTML元素,其中`my-id`、`a`是元素的唯一標(biāo)識符,`color`、`font-weight`和`text-decoration`屬性都可選。
總之,CSS選擇器是CSS語言中最基本的語法之一,可以用于選擇和操作HTML元素。通過選擇器,可以創(chuàng)建具有所需的樣式的HTML元素,使它們易于閱讀和維護(hù)。