伪类样式总结

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：css3

作者：张海锋

撰写时间：2019-1-19

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

伪类分为两种(以及新增的伪类选择器):

(1).UI伪类:会在HTML元素处于某种状态时(例如:鼠标指针位于链接上),为该元素应用CSS样式。

Selector:link ：匹配Selector选择器且未被访问前的元素(通常只能是超链接)。

    Selector:visited ：匹配Selector选择器且已被访问前的元素(通常只能是超链接)。

    Selector:hover ：匹配Selector选择器且处于鼠标悬停状态的元素。

    Selector:active ：匹配Selector选择器且处于被用户激活(在鼠标点击与释放之间的状态)的状态的元素。

    Selector:focus ：匹配Selector选择器且已得到焦点的元素。

    Selector:enabled ：匹配Selector选择器且当前用于处于不可用状态的元素。

    Selector:disabled:匹配Selector选择器且当前处于不可用状态的元素。

    Selector：checked :匹配Selector选择器且当前处于选中状态的元素。

    Selector：default :匹配Selector选择器且页面处于打开时选中状态的元素(即使当前没有被选中亦可)。

    Selector：read-only :匹配Selector选择器且当前处于只读状态的元素

    Selector：read-wirte :匹配Selector选择器且当前处于读写状态的元素

     Selector：selection :匹配Selector选择器的元素中当前被选中的内容。

    特别提示：1、一个冒号(:)表示伪类，两个冒号(::)表示CSS3新增的伪元素。

                  2、上面的Selcotor选择器可以省略，如果省略则可以匹配处于某种状态下的多个元素。