CSS选择器

关系选择器, 选择器

2025-04-19

Written by: tdtc

Combinators

• Child combinator
• Descendant combinator
• Next-sibling combinator
• Subsequent-sibling combinator

子元素

当前元素的下一级元素。

element1 > element2 {
  css declarations;
} 

• tailwind

*

equ

>

后代元素

当前元素（ol）下的所有li元素。

ol li

• tailwind

**

equ

space key

接续兄弟元素

element1 + element2 {
  css declarations;
} 

后续兄弟元素

element1 ~ element2 {
  css declarations;
} 

Selectors

CSS Attribute Selectors

• “^” 开头匹配

• “$” 结尾匹配

• ”*” 包含匹配

• value 匹配

value 匹配

[attribute = value] {
  css declarations;
}