结构伪类选择器介绍# 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表 属性描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-child(n) 匹配E元素的第n个子元素。 E:nth-child(2n)或者E:nth-child(even) 匹配E元素的偶数子元素。 E:...
4. lang 伪类 5. focus伪类 1. 伪类 1.1 概念 CSS 伪类是用来添加一些选择器的特殊效果。 由于状态的变化是非静态的,所以元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和 class 有些类似,但它是基于文档之外的抽象,所以叫伪类。 1.2 常见伪类选...
CSS 伪类是用来添加一些选择器的特殊效果。 由于状态的变化是非静态的,所以元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和 class 有些类似,但它是基于文档之外的抽象,所以叫伪类。 1.2 常见伪类选择器 动态伪类选择器 注意:a 标签的4种伪类选择器的...
结构伪类选择器属性说明表 属性描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-child(n) 匹配E元素的第n个子元素。 E:nth-child(2n)或者E:nth-child(even) 匹配E元素的偶数子元素。 E:nth-child(2n+1)或者E:nth-child(odd) 匹配E元素的奇数子元素...
刷刷题APP(shuashuati.com)是专业的大学生刷题搜题拍题答疑工具,刷刷题提供CSS3的选择器主要分为属性选择器、关系选择器、结构化伪类选择器、伪元素选择器和链接伪类。A.正确B.错误的答案解析,刷刷题为用户提供专业的考试题库练习。一分钟将考试题Word文档/Excel文档/PDF
结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表 first-child实践 使用first-child属性设置ul标签中的第一个li标签文本颜色为红色。 代码块 <!DOCTYPEhtml>结构伪类选择器ulli:first-child{color: red; }123456 AI代码助手复制代码 结果图 last-child实践 使用...
2.CSS新增:一属性选择器;二结构伪类选择器(①ul li:nth-child(n/偶even/奇odd;②nth-child和nth-of-type的区别)三:权重,四伪元素选择器:content,程序员大本营,技术文章内容聚合第一站。
结构伪类选择器介绍 • 结构伪类选择器是用来处理一些特殊的效果。 •结构伪类选择器属性说明表 first-child实践: •使用first-child属性设置div第一个标签文本颜色为蓝色 <!DOCTYPE html> 伪元素选择器 div{ width:200px; height:30px; background:red; text-...
CSS---伪元素和伪类选择器---结构性伪类 <!DOCTYPE html>*{margin:0;padding:0;}/*.wrap li:nth-child(1){ 找到wrap底下所有子元素,并且选中第一个子元素,并且子元素必须是li color: #BBFFAA; } .wrap p:nth-of-type(1){ 找到wrap下所有子元素,并且选中...