CSS选择器
作用:选择页面上的某一个或者某一类元素(定位作用)
基本选择器:
- 标签选择器
- 类选择器(class)
- id选择器
1.标签选择器
格式为:
<style>
标签元素{
/*标签选择器,会选择到页面上的所有的标签元素*/
color:red;
}
</style>
2.类选择器
格式:
<style>
.class的名称{}
好处:可以多个标签归类同一个class,可以复用
</style>
3.id选择器
id选择器:id必须保持全局唯一!(精准点位)
格式:<style>
#id名称{
}
</style>
优先级(非就近原则):id选择器>class选择器>标签选择器
总结
标签选择器:选择一类标签 标签元素{}
类选择器:选择class属性一致的标签 .class
id选择器:全局唯一 #id名称