首页 前端知识 CSS3-新增的属性,CSS的标准文档流

CSS3-新增的属性,CSS的标准文档流

2024-06-21 09:06:00 前端知识 前端哥 624 461 我要收藏

属性选择器可以根据元素特定属性的来选择元素,这样就可以不用借助于类或者id选择器

| 属性选择器 | 说明 |

| — | — |

| E[att] | 选择具有att属性的E元素 |

| E[att=“val] | 选择具有att属性且属性值等于val的E元素 |

| E[att^ =“val”] | 匹配具有att属性且值以val开头的E元素 |

| E[att$=“val”] | 匹配具有att属性且以val结尾的E元素 |

| E[att*=“val”] | 匹配具有att属性且值中含有val的E元素 |

比如:

必须是input 但是同时具有value这个属性 选择这个元素

div input[value] {

color=“red”;

}

2.结构伪类选择器


2.1: nth-child(n)

E:nth-child(n)选择某个父元素的一个或多个特定的子元素

n可以是数字,关键字、公式

n如果是数字,就是选择第n个子元素,里面的数字从1开始

n可以是关键字:even偶数行,odd奇数行

n可以是公式:常见的公式如下(如果n是公式,则是从0开始计算的,但是第0 个元素或者超出了元素的个数会被忽略)

公式:

| 公式 | 说明 |

| — | — |

| 2n | 偶数 |

| 2n

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13144.html
标签
评论
发布的文章

html 个人主页

2024-07-13 22:07:08

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!