伪类样式总结

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

开发工具与关键技术: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选择器且当前处于不可用状态的元素。

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

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

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

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

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

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

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

猜你喜欢

转载自blog.csdn.net/weixin_44541250/article/details/86548544
今日推荐