2020-11-21

学习内容：

---

学习时间：

提示：这里可以添加计划学习的时间
例如：
1、 周六下午2：30到5:00
2、 周六晚上7:30到10:30

学习产出：

1、伪元素：元素中特殊的位置 first-line first-color
before:结合content这个样式使用

p:before{content:"我回來了";
		 color:red;}
p:after{content:"我走了";
		 color:red;}

2、title属性：当鼠标放到元素上时，title属性的值将会作为提示文字显示
属性选择器(选中有指定属性的元素)：
p[属性名]{ }
p[属性名=“属性值”]{ }
p[属性名^=“属性值”]{ }选取属性值以指定内容开头的元素
p[属性名$=“属性值”]{ }选取属性值以指定内容结尾的元素
p[属性名*=“属性值”]{ }选取属性值包含指定内容的元素
还有~和|的

3.子元素选择器
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(数字)
even表示偶数位置的子元素，odd表示奇数位置的子元素
child面对所有子元素，type面对当前类型子元素

4.兄弟元素选择器
A+B(选择A后面的一个紧挨着的B，兄弟选择器）
A~B(选择A后面的所有B，兄弟选择器）

5.否定伪类not，比如（p not(.tom))

6.样式的继承，设置祖先的属性，后辈可以继承，但是背景相关样式不可以被继承。

7.选择器的优先级：
内联样式：优先级1000
id选择器：优先级100
类和伪类：优先级10
元素选择器：优先级1
通配选择器：优先级0
继承的样式，没有优先级
若有多个选择器，则将优先级相加计算比较，但是优先级计算不会超过最大他的数量级。（交集选择器）
优先级一样，使用靠后的样式。
并集选择器的优先级单独计算。
！important：样式获得最高优先级

完成情况：完成
没有问题