网站总类,视频直播网站,长沙开发网站,顺德网站建设7starryCSS3 引入了许多新的伪类选择器#xff0c;这些选择器为开发者提供了更多的样式控制选项。以下是一些 CSS3 中新增的主要伪类选择器#xff1a;
结构性伪类#xff1a; :root#xff1a;选择文档的根元素#xff08;通常是 html#xff09;。:empty#xff1a;…CSS3 引入了许多新的伪类选择器这些选择器为开发者提供了更多的样式控制选项。以下是一些 CSS3 中新增的主要伪类选择器
结构性伪类 :root选择文档的根元素通常是 html。:empty选择没有子节点的元素包括文本节点。:first-of-type选择其父元素中的第一个 element-name 类型的元素。:last-of-type选择其父元素中的最后一个 element-name 类型的元素。:only-of-type选择其父元素中唯一的 element-name 类型的元素。:nth-of-type(n)选择其父元素中的第 n 个 element-name 类型的元素。:nth-last-of-type(n)选择其父元素中的倒数第 n 个 element-name 类型的元素。UI伪类 :enabled选择可用的表单元素。:disabled选择被禁用的表单元素。:checked选择被选中的 input 元素例如单选框或复选框。:default选择默认被选中的 input 或 button 元素。:valid选择输入值有效的表单元素。:invalid选择输入值无效的表单元素。:in-range选择输入值在指定范围内的 input 元素。:out-of-range选择输入值不在指定范围内的 input 元素。:required选择设置了 required 属性的表单元素。:optional选择没有设置 required 属性的表单元素。:readonly选择设置了 readonly 属性的表单元素。:writeable选择没有设置 readonly 属性的表单元素。其他伪类 :backdrop用于全屏的背景界面通常与全屏API一起使用。:fullscreen选择全屏显示的元素。:placeholder-shown选择当前显示占位符文本的 input 或 textarea 元素。:dir()基于元素的文本方向例如 :dir(ltr) 或 :dir(rtl)来选择元素。:lang()基于元素的语言属性来选择元素。:not()选择不匹配特定选择器的元素。:any-link选择所有链接a、area 和 link 元素。:current伪元素用于选择当前元素如 ::current 在 :range 输入类型中。注意这不是一个标准的 CSS 伪类但在某些上下文中可能会遇到。
请注意某些伪类如 :fullscreen 和 :backdrop可能并不是所有浏览器都支持或者可能需要特定的API如全屏API才能触发。同时:any-link 和 :current 并不是真正的 CSS3 伪类但它们在这里被提及是为了完整性。
