选择器知识

一、选择器
1、我们把css样式写在style属性里的做法叫做行间样式表，该方法设置的样式只对当前元素有效（现在已经很少使用）
2、 在head里设置一个style标签，用选择器和样式的写法叫做内部样式表，该方法对当前页面有效（适量使用）
3、 *（通配选择器）：获取所有子元素；类型选择器（如：div）：获取所有该种元素；类名选择器（.加上class属性的值）：获取所有具有该类名的元素；id选择器（#加上id属性的值）：获取具有该id值的元素
4、特殊用法：包含选择器（如#id .class）——获取范围内第一种选择器后代中第二种选择器选中的元素

二、选择器的优先级：
&&： 行间样式（虽然行间样式不是选择器）>id选择器>class选择器>类型选择器>通配选择器
&&： 包含选择器层级较多时，可以约分包含选择器：如#id .class的优先级高于#id; #id .class与.class #id的优先级相同
如果多个选择器优先级一致：后面覆盖前面

三、选择器扩展

• 前面我们讲了4个基本选择器和包含选择器，虽然这些选择器能够应付大部分情况，但是为了更方便的选中元素，我们还应该学习更多选择器的知识
  1、分组选择器：.class,#id/div .class,#id（选择类名为class的所有选择和#id的元素/选择div的所有后代中类名.class的元素和id值为#id的元素）
  2、多条件选择器：.box1.box2（既有box1类名同时也有box2类名的元素）
  3、子元素选择器：div>.class（选择div元素的所有子元素中有类名.class的元素）
  4、next选择器：div+p（选择div元素的下个同级元素且为p元素的元素）

四、 伪类选择器：
1、 a:link—选择所有未被访问的链接。
2、a:visited—选择所有已被访问的链接。
3、a:hover—选择鼠标指针位于其上的链接。
4、a:active—选择活动链接。（正在击中）
5、p:before—在每个 p 元素的内容之前插入内容。
6、 p:after—在每个 p 元素的内容之后插入内容。
注意： a的4个伪类必须按照lvha的顺序书写，否则可能会出错；before和after中必须设置content（内容）和display（种类）两个样式，否则无法正确显示