HTML层叠样式表-选择器

1.css样式表

选择器{声明}

2.选择器

(1)id选择器

#id值{}

选中页面中具有id属性，并且属性值是id值的元素

tips：id属性在一个页面中唯一存在，不能重复

(2)class选择器

.class值{}

选中页面中具有class属性，并且属性值是class值的元素

tips：class属性在一个页面中不是唯一存在，可以多次重复

(3)标签选择器

直接写标签名，比如：p{ }, div{ }

(4)通用选择器

即 *{}

tips: 一般用于页面初始化，清空页面元素自带样式

3.选择器优先级

id>class>标签选择器>通用选择器

优先级最高的属性style(行内样式表)

优先级最高，只要写就一定生效

在标签内部，对当前标签添加样式

4.扩展

(1)包含选择器

E F{} 比如： .div1 p{}  即为选择.div下的所有P标签选择器

E和F是任意的基础选择器

(2)悬停选择器

选择器名:hover{}

(3)序号选择器

E:nth-child(n){}

tips:表示选中E中平级元素的第n个

选择器权重