CSS选择器

CSS选择器

1、基本选择器

1. id选择器：#name{}
2. 类选择器：.name{}
3. 元素（标签选择器）：span{}
4. 通用选择器（不常用）：*{}

2、组合选择器

1. 后代选择器：div span{} #div后代中所有span
2. 儿子选择器：div>span{} #div下一级的span
3. 毗邻选择器：div+span{} #div同级下第一个span
4. 弟弟选择器：div~span{} #div同级下所有span

3、属性选择器

• 格式：[name]{}
• 带有name属性的标签
• 带有name属性并且有属性值标签

<!--可选中多个不同样式选择器：div, #name, .class{ }-->

4、伪类选择器

1. a:link{} #初始状态
2. a:hover{} #鼠标悬浮状态
3. a:active{} #鼠标点击状态
4. a:visited{} #访问后状态

##input focus{} #input框获取焦点（鼠标点击后）