Question

css层次选择器有哪些

Answer 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的元素