选择器是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元素。
/*div { div 标签选择器 吧所有的div 选择 改为红色 color: red; }*/
/*上面点声明 ,下面class调用*/
.leixuanzeqi{color: blue;}
我是类选择器
我是类选择器
我是类选择器
我是类选择器
我是类选择器
我是类选择器
/*千万别忘了它*/
span {
font-size: 150px;
}
.g {
color: blue;
}
.o {
color: red;
}
.o2 {
color: orange;
}
.l {
color: green;
}
G
o
o
g
l
e