2020-11-20

学习内容：

学习时间：

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{ }