关于前端的一些疑问整理2(选择器)

功能需求不同

选择器类型

语法

功能

示例

​​合并选择器​​

A, B

选择所有匹配 A 或 B 的元素

.header, .footer

​​后代选择器​​

A B

选择所有在 A 元素内的 B 元素

.header .footer

​​子元素选择器​​

A > B

选择 A 元素的直接子元素 B

.menu > .item

​​相邻兄弟选择器​​

A + B

选择紧跟在 A 元素后的 B 元素

h2 + p

​​通用兄弟选择器​​

A ~ B

选择所有在 A 元素后的 B 元素

h2 ~ p

posted @ 2025-09-13 11:32  BKYNEKO  阅读(6)  评论(0)    收藏  举报