学习的内容:
一.选择器
1.标签选择器
选择器名称就是标签名称,如div p span a li ul 主要用来设置所有的标签都具有的属性。
2.ID选择器
#选择器名称{样式属性:属性值;}
通常一个选择器只能应用到一个标签
3.类选择器
.选择器名称{样式属性:属性值}
一个选择器可以在多处使用,一个标签可以应用多个选择器
4.后代选择器
Div p :会选择div下所有的p标签
5.直接子元素选择器
Div>p:会选择div下的子标签
6.相邻兄弟选择器:
(1)具有相同的父容器
(2)相邻
div+p:会选择p标签
div+p+span:会选择span标签
7.属性选择器
Input[属性名称=”属性值”]
8.伪类选择器
(1):focus
(2):first-child
(3):last-child
(4):nth-child(num)
二.样式优先级
1.行内样式>内嵌样式>外部样式
2.ID选择器>类选择器>标签选择器
3.不论何种情况,行内样式优先级最高。
一.选择器
1.标签选择器
选择器名称就是标签名称,如div p span a li ul 主要用来设置所有的标签都具有的属性。
2.ID选择器
#选择器名称{样式属性:属性值;}
通常一个选择器只能应用到一个标签
3.类选择器
.选择器名称{样式属性:属性值}
一个选择器可以在多处使用,一个标签可以应用多个选择器
4.后代选择器
Div p :会选择div下所有的p标签
5.直接子元素选择器
Div>p:会选择div下的子标签
6.相邻兄弟选择器:
(1)具有相同的父容器
(2)相邻
div+p:会选择p标签
div+p+span:会选择span标签
7.属性选择器
Input[属性名称=”属性值”]
8.伪类选择器
(1):focus
(2):first-child
(3):last-child
(4):nth-child(num)
二.样式优先级
1.行内样式>内嵌样式>外部样式
2.ID选择器>类选择器>标签选择器
3.不论何种情况,行内样式优先级最高。