首页 > 代码库 > 6月16号=》156页-160页

6月16号=》156页-160页

6.5.2  UI元素状态伪类选择器

      UI元素状态伪类选择器主要用于根据UI元素的状态进行筛选。UI元素状态伪类选择器有如下几个。

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

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

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

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

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

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

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

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

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

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

        Selector:read-write:匹配Selector选择器且处于读写状态的元素。

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

 

      代码示范:

        //为处于鼠标悬停状态的表格行定义css样式

        tr:hover{....}

 

        //为得到焦点的任意元素定义css样式

        :focus{....}