回顾选择器
基础选择器
1.元素选择器
元素名(标签名)
如:
h1
div
a
span
input
form
option
select
2.id选择器
在html里面 使用id=“cc”
使用#来查找 id选择器
如:#cc
3.类选择器
在HTML里面使用class设置
在CSS和JS里面 查找 使用.类选择器的名字
如:.haha
如:<div class = "haha"></div>
后代选择器
只要是 某个元素中的 子元素 都可以选择上
后代选择器是通过空格隔开的 如:.xx .title{}、div a{}、#ff .vv{}
两个选择器之间是有空格的
子类选择器
只能选择直接子元素
父元素的选择器>子元素的选择器
如:
.item>p
交集选择器
div.top
都包含
p.top
并集选择器
html,body
.top,.nav
属性选择器
input[type=password]
选择器名[属性名=属性值]
子类第几个元素
:first-child
:nth-child
注意分清交集和后代