CSS伪元素与伪类

伪类与伪元素

　　　　向未访问的链接添加特殊的样式。也就是说，链接所指的 URI 尚未出现在用户代理的历史中。这种状态与 :visited状态是互斥的。

　　　　对已访问的链接添加样式。

　　　　对鼠标悬停时的链接应用样式

　　　　对鼠标聚焦的链接应用样式

　　　　向激活（在鼠标点击与释放之间发生的事件）的元素添加特殊的样式。

　　对于上述伪类，要遵循顺序书写！！

　　　　从父元素匹配索引为n的子元素，设置样式，n从1开始 nth-child(1)与first-child相同

            p1
        p2
        span1        span2

div p:nth-child(1)时为第一个p元素应用样式

div span:nth-child(1)时匹配不到任何元素，以为span为div的第三个子元素

　　　　从父元素匹配第n个指定元素的子元素 nth-of-type(1)与first-of-type相同

div p:nth-of-type(1)时为p1应用样式

div span:nth-of-type(1)时为span1应用样式

　　　　在涉及的uri被使用的时候，把样式应用到指定元素上。

　　　　选择没有子元素（包括文本节点）的元素。

　　　　选择文档树中的第一个元素在html中 root永远指定html元素,主要是为了提高权重。

　　　　E:not(F){}，选择父元素E中除了F的所有元素应用样式。

　　　　选择被选中的元素应用样式，多用于表单的单选，复选框。

　　　　选择禁止输入/允许输入的元素应用样式，多用于input中

　　　　设置首字母样式

　　　　设置第一行样式

　　　　E::before{content:"";color:red;}

　　　　对E元素之前添加一个行内元素，其内容为content中的内容，可自行设置样式

　　　　与::before相反