学习内容:
学习时间:
1、 周四早上8:30到10:00 2、 周四下午2:30到4:00 3、 周四晚上8:00到9:00学习产出:
1.元素之间的关系(父元素,子元素,祖先元素,后代元素,兄弟元素)
2.后代元素选择器:
祖先元素 后代元素{ }
比如: div span{ } ; 如果有多个div,则用id区分之后用 #id span{ } ;
#id p span{ }
3.子元素选择器:(选中指定子元素)
div > span
4.选择器练习:
元素选择器
#id
.class
*
A*(选择A里面所有的)
A B(选择A里面所有的B)
A.class
A,B
A+B(选择A后面的一个B,兄弟选择器)
A~B(选择A后面的所有B,兄弟选择器)
A>B(选择A的直系子元素)
p: first(last)-child or A p: first(last)-child
p:only-child or A p:only-child
p:nth-child(数字)
p:nth-last-child(数字)
p:first-of-type
p:nth-of-type(数字)
5.伪类选择器(表示元素的一种特殊的状态)
a:link(正常的)
a:visited(访问过的,通过浏览器历史记录来判断,并且visited只能设置字体的颜色)
a:hover(鼠标滑过)
a:active(正在点击的)
hover和active可以为其他元素设置
6.input可以创建文本框:<input type="text">
,input:focus{ }
7.::selection(选中文字的样式) 火狐用:::-moz-selection{ }