动态伪类选择器是 CSS 中的一种选择器,用于根据元素的状态来改变元素的样式
选中活动元素时,应用指定的样式。
讯享网
当链接处于被点击并未松开的状态时,链接文本颜色将变为红色.
当鼠标悬停在元素上方时,应用指定的样式。
讯享网
当鼠标悬停在链接上方时,链接文本将带有下划线;
当元素获得焦点时,应用指定的样式。
当输入框获得焦点时,将不会显示外边框;
用于链接,当链接已被访问过时,应用指定的样式。
讯享网
当链接已被访问过时,链接文本颜色将变为灰色;
用于链接,当链接未被访问过时,应用指定的样式。
当链接未被访问过时,链接文本颜色将为蓝色;
当链接指向文档中的特定位置时,应用指定的样式。
讯享网
当链接指向文档中的特定位置时,该位置的背景颜色将变为黄色。
UI元素伪类选择器是CSS中的一种选择器,它们用于选择特定的用户界面(UI)元素,并根据其状态或类型应用样式。
用于单选框和复选框,选择被选中的元素。
当复选框或单选框被选中时,它们的背景颜色将变为黄色;
选择已禁用的元素,例如表单元素。
讯享网
当表单元素被禁用时,它们的透明度将变为0.5;
选择启用的元素,例如表单元素。
当表单元素被启用时,它们的边框将为蓝色;
选择默认选中的元素,例如表单元素。
讯享网
当默认选中的单选框被选择时,其背景颜色将变为灰色;
选择通过验证的表单元素。
当表单元素通过验证时,它们的文本颜色将为绿色;
选择未通过验证的表单元素。
讯享网
当表单元素未通过验证时,它们的文本颜色将为红色;
选择需要填写的表单元素。
当表单元素需要填写时,它们的背景颜色将变为粉色。
结构伪类选择器是CSS中的一种选择器,它们根据元素在其父元素中的位置或层次结构来选择元素并应用样式。
选择作为其父元素的第一个子元素的元素。
讯享网
当元素是其父元素的第一个子元素时,其文本颜色将为红色;
选择作为其父元素的最后一个子元素的元素。
当元素是其父元素的最后一个子元素时,其文本颜色将为蓝色;
选择作为其父元素的第n个子元素的元素,其中n可以是数字、关键字(如和)或公式(如)。
讯享网
当元素是其父元素的第3个、第6个、第9个……子元素时,其文本颜色将为绿色;
选择作为其父元素的倒数第n个子元素的元素。
当元素是其父元素的倒数第2个子元素时,其文本颜色将为紫色;
选择作为其父元素中特定类型的第一个子元素的元素。
讯享网
当元素是其父元素中特定类型的第一个子元素时,其文本将加粗;
选择作为其父元素中特定类型的最后一个子元素的元素。
当元素是其父元素中特定类型的最后一个子元素时,其文本将倾斜;
选择作为其父元素中特定类型的第n个子元素的元素,其中n可以是数字、关键字(如和)或公式(如)。
讯享网
选择作为其父元素中特定类型的倒数第n个子元素的元素。
伪元素选择器是CSS中的一种选择器,用于向指定元素的某个部分应用样式,而不必添加额外的HTML元素。
讯享网
其中,是要选择的元素,是伪元素名称,可以是上述任何一个。
在元素的内容前插入一个生成的内容。
在元素的内容后插入一个生成的内容。
讯享网
选择元素的第一个字母。
选择元素的第一行文本。
讯享网
选择用户选择的文本部分。
需要注意的是,伪元素选择器仅适用于某些元素,例如块级元素、列表项、表格单元格等。此外,伪元素选择器中也不能使用动态伪类选择器(如、等)。


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/138293.html