css层次选择器有哪些

2025-03-22 05:56:33
推荐回答(1个)
回答1:

选择器

body > div     只操作body下级的div。

div1 + div2     只选择div1 同级 随后 相邻最近 的div2

div1 ~ p       选择div1下所有的p

属性选择器

  • [attr]{}    例:[class]{color:red;}    [class = "text"]{color:red;}

  • [class |= "nav"]{color:red;}    选择所有class属性,并且属性值 唯一 为 nav- 开头的元素

  • [class ~= "nav"]{color:red;}     选择所有class属性,并且包含 单个 完整 的nav属性值的元素

  • [class1][class = "text"]{color:red;} 选择具有class1属性,并且具有class属性且属性值唯一为text的元素