1.标签选择器——使用HTML标签名称来选择元素,如p、div、span等
作用:选择一类标签
格式:标签{}
效果:
但是,我如果想要 16行和17里面的h1表现效果不一样,这个时候标签选择器就做不到了,那咱们可以用类选择器。
2.类选择器 class——使用类名来选择元素,以"."开头,如.my-class
好处:可以多个标签归类,是同一个class,可以复用
作用:选择所用class属性一致的类标签,可以跨标签
格式:.类目{}
效果:
3.id选择器——使用元素的id来选择元素,以"#"开头,如#my-id
全局唯一,不能重复使用!
格式:#id名{}
效果:
重点来啦:优先级:
id选择器>class选择器>标签选择器!!!