- 元素选择器
p{
}
- ID选择器
#id{
}/*id为属性值*/
- 类选择器
.class{
}/*class为属性值*/
- 选择器分组（并集选择器）
选择器1,选择器2,选择器n{
}/*中间用,隔开*/
- 复合选择器（交集选择器）
选择器1选择器2选择器n{
}/*中间无任何东西*/
- 通配选择器
*{
}/*通配选择器的优先级最低*/
- 后代元素选择器
祖先 后代{
}
- 子元素选择器
父元素>子元素{
}
- 伪类选择器
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */
/*顺序不能变，同一优先级会出现覆盖现象*/
- 伪元素选择器
p:first-letter{
}/*为p中的第一个字符设置样式*/
p:first-line{
}/*为p中的第一行设置样式*/
- 属性选择器
[title]{
}/**/
p[title]{
}/*交集选择器和属性选择器同时使用，表示p标签还要有title属性*/
p:[title=”hello“]{
}/*属性值为hello*/
p:[title^=“ab”]{
}/*表示属性值以ad*/
p:[title$=“ab”]{
}/*属性值中含有ab*/
- 子元素伪类
p:first-child{
}/*第一个p元素*/
p:last-child{
}/*最后一个p元素*/
p:nth-child(n){
}/*第n个p元素*/
p:first-of-type{
}/*第一个p元素*/
p:last-of-type{
}/最后一个p元素*/
p:nth-of-type(n){
}/*第n个p元素*/
/*可出现特殊值，例如n=odd，则为奇数p元素，even为偶数p元素*/
/*有type则不管p是不是父元素的第一个，均会选择p，如果没type且p不是父元素的第一个子元素，该css样式不生效*/
- 后一个兄弟元素选择器
span+p{
}/*严格遵守span后面是p*/
span~p{
}
/*span后的所有p元素*/
- 否定伪类
p:not(属性值){
}/*p元素中除过某个属性值其余全选中*/
关于父子元素介绍
子元素：父元素下直接包含的元素
父元素：和子元素相对
祖先元素：包含的元素
后代元素：被包含的额元素
兄弟元素：拥有同一个父元素
继承性介绍
祖先元素的样式可以被后代继承但与背景相关的样式不会继承
选择器的优先级
内联 1000
id 选择器 100
类和伪类 10
元素 1
通配 0
当有多种选择器时，则相加比较，选择器的优先计算不会高于他的最大数量级，并集选择器分开计算。
元素直接设置>内联>外联