首页 > 代码库 > 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{....}