P2.CSS的三种基础选择器

CSS选择器

作用：选择页面上的某一个或者某一类元素（定位作用）
基本选择器：

1. 标签选择器
2. 类选择器（class）
3. id选择器

1.标签选择器

格式为：

  <style>
        标签元素{
        /*标签选择器，会选择到页面上的所有的标签元素*/
            color:red;
        }
        </style>

2.类选择器

格式：
<style>
        .class的名称{} 
        好处：可以多个标签归类同一个class，可以复用
        </style>

3.id选择器

id选择器：id必须保持全局唯一!(精准点位)

  格式：<style>
        #id名称{
        }
        </style> 

优先级（非就近原则）：id选择器>class选择器>标签选择器

总结

标签选择器：选择一类标签 标签元素{}
类选择器：选择class属性一致的标签 .class
id选择器：全局唯一 #id名称