CSS层叠样式表之选择器
一、四大基本选择器
1.统配选择器
*{
}
匹配页面所有元素，一般用于页面样式初始化
2.标记选择器
tagName{
}
匹配页面指定的某种特定元素，如p、h1等，一般用在特定元素的初始化样式
3.类选择器
.类名{
}
[元素增加 class="类名"]
匹配具备class属性的元素
4.Id选择器
#id值{
}
[id="id值" （id值具有唯一性）]
匹配具备id属性的元素
二、复合选择器
1.子代选择器
匹配某个元素的直系子元素 父选择器>子选择器 { }
2.后代选择器
匹配某个元素的所有后代（内部）子元素 父选择器 后代子选择器 { }
3.属性选择器
依赖元素的html属性来匹配元素 [属性] { }
4.兄弟选择器
匹配相同等级的元素 选择器+选择器 { }
5.伪类选择器
正常选择器的辅助，紧随正常选择器后使用 ：伪类选择器名称 { }
超链接专用伪类有：
：link { } 链接未访问状态
：hover { } 鼠标进入状态
：visited { } 访问之后状态
：active { } 激活状态
元素获取焦点时的伪类（一般用于表单元素） input：focus { }
获取某个元素父元素下的某个特定元素：
：nth-child(index/2n/2n-1) { }
：first/last-child { }
6.伪元素（双冒号）
前置操作（在元素内容前插入内容） ：：before
后置操作（在元素内容后插入内容） ：：after
上一篇：
IDEA上Java项目控制台中文乱码