码迷,mamicode.com
首页 > Web开发 > 详细

css 伪类

时间:2018-08-30 14:30:22      阅读:1442      评论:0      收藏:0      [点我收藏+]

标签:内容   作用域   开始   没有   集合   dev   this   控制   page   

1,。

:active 匹配被用户激活的元素。
:any

 

:checked

表示任何处于选中状态的radio(<input type="radio">), checkbox (<input type="checkbox">) 或("select") 元素中的option HTML元素("option")) 。

用户通过点击元素或选择其他的值,可以改变该元素的 :checked 状态,并:checked属性赋给一个新的对象(例如其他的option值)。

:default

表示一组相关元素中的默认表单元素。

该选择器可以在 <button>, <input type="checkbox">, <input type="radio">, 以及 <option> 上使用。

:dir() 配特定文字书写方向的元素。
:disabled  表示任何被禁用的元素。
:empty  代表没有子元素的元素。子元素只可以是元素节点或文本(包括空格),无论一个元素是否为 (empty 或 not), 注释或处理指令都不会产生影响。
:enabled 表示任何启用的(enabled)元素。如果一个元素能够被激活(如选择、点击或接受文本输入)或获取焦点,则该元素是启用的。元素还有一个禁用的状态(disabled state),在被禁用时,元素不能被激活或获取焦点。
:first  
:first-child  代表了一组兄弟元素中的第一个元素。在level3实现中,被匹配的元素需要具有一个父级元素,而在level4实现中则不需要。
:first-of-type

表示一组兄弟元素中其类型的第一个元素。

 p:first-of-type /* 选择在父元素中第一个出现的<p>,而不管其在兄弟内的位置如何 */

:fullscreen  当前处于全屏显示模式的元素。
:focus  表示获得焦点的元素(如表单输入)。当用户点击或触摸元素或通过键盘的 “tab” 键选择它时会被触发。
:hover

 会在光标(鼠标指针)悬停在元素上时提供关联的样式。在触摸屏上 :hover 有问题,基本不可用。

适用于用户使用指示设备虚指一个元素(没有激活它)的情况。这个样式会被任何与链接相关的伪类重写,像:link:visited, 和 :active等。为了确保生效,:hover规则需要放在:link和:visited规则之后,但是在:active规则之前,按照LVHA的循顺序声明:link-:visited-:hover-:active。

:indeterminate  表示状态不确定的表单元素:
:in-range

 代表一个 <input> 元素,其当前值处于属性min 和max 限定的范围之内.

input:in-range /* 该伪类可选定任意的<input>, 但只有在该元素指定了取值范围,并且元素值处于指定范围时才有效*/

:invalid  表示任意内容未通过验证的 <input> 或其他 <form> 元素 .
:lang()

 基于元素语言来匹配页面元素。

p:lang(en) /* 选取任意的英文(en)段落 */

:last-child  代表父元素的最后一个子元素。
:last-of-type  表示了在(它父元素的)子元素列表中,最后一个给定类型的元素。
:left

 需要和@规则  @page 配套使用, 对打印文档的左侧页设置CSS样式.

@page :left /* 设置打印时的左侧文档样式 */

:link  用来选中元素当中的链接。
 :not()  是以一个简单的以选择器X为参数的功能性标记函数。它匹配不符合参数选择器X描述的元素。X不能包含另外一个否定选择器。
 :nth-child()

 :nth-child(an+b)

首先找到所有当前元素的兄弟元素,然后按照位置先后顺序从1开始排序,选择的结果为第(an+b)个元素的集合(n=0,1,2,3...)。

 :nth-last-child()

:nth-last-child(an+b) 

 和 :nth-child 一样,只是它从结尾处反序计数,而不是从开头处。

 :nth-last-of-type()  匹配那些在它之后有 an+b-1 个相同类型兄弟节点,从结尾处反序计数
 :nth-of-type()  文档树中在其之前具有 an+b-1 个相同兄弟节点的元素,
 :only-child  div :only-child  匹配只有一个子元素的节点(子元素包括空格等)
 :only-of-type  代表了任意一个元素,这个元素没有其他相同类型的兄弟元素。
 :optional  表示任意没有required属性的 <input><select> 或  <textarea> 元素
 :out-of-range  表示一个 <input> 元素,其当前值处于属性 min 和 max 限定的范围外。
 :read-only  表示元素不可被用户编辑的状态(如锁定的文本输入框)。
 :read-write  代表一个元素(例如可输入文本的 input元素)可以被用户编辑。
 :required  任意 <input> 元素表示任意拥有required属性的 <input> 或 <textarea> 元素
 :right  
 :root  匹配文档树的根元素。对于 HTML 来说,:root 表示 <html> 元素,除了优先级更高之外,与 html 选择器相同。
 :scope  匹配作为选择符匹配元素的参考点(css的作用域或作用点)。在HTML中,可以使用<style>scoped属性来重新定义新的参考点。如果HTML中没有使用这个属性,那么默认的参考点(css的作用域或作用点)是<html>
 :target

代表一个唯一的页面元素(目标元素),其ID与当前URL片段匹配 .

:target /* 选择一个ID与当前URL片段匹配的元素*/

 :valid

表示内容验证正确的<input> 或其他 <form> 元素。这能简单地将校验字段展示为一种能让用户辨别出其输入数据的正确性的样式。

:visited  

css 伪类

标签:内容   作用域   开始   没有   集合   dev   this   控制   page   

原文地址:https://www.cnblogs.com/liuyj-vv/p/9559671.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!