CSS - 标签选择器与类选择器的使用

选择器是CSS中用于选择HTML元素的关键字。要将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器(选择符)。

CSS中有三种基础选择器：标签选择器、类选择器和ID选择器。标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。类选择器使用“.”(英文点号)进行标识，后面紧跟类名，其基本语法格式如下： .类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 标签调用的时候用 class=“类名” 即可。ID选择器使用井号(#)进行标识，后面紧跟ID名称，其基本语法格式如下： #ID名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

以下是一个长名称或词组可以使用中横线来为选择器命名的小案例：

```css

div#my-id p.my-class span.my-span {

color: red;

}

```

其中，div#my-id表示选中id为my-id的div元素，p.my-class表示选中所有class为my-class的p元素，span.my-span表示选中所有class为my-span的span元素。

G

o

o

g

l

e