【CSS】复合选择器
后代选择器,空格相连(隔代有隔阂,包含孙子)
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Descendant_combinator
子元素选择器,> (直接针对,更严格,记住这个符号!)
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Child_combinator
相邻兄弟选择器,+(紧跟着,下一个相邻元素)
https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_combinator
通用兄弟选择器,~(相邻的所有其它元素)
https://developer.mozilla.org/zh-CN/docs/Web/CSS/General_sibling_combinator
h2 ~ p 会选择所有位于与 <h2> 元素同级的 <p> 元素。
群组选择器,逗号相连(一次选择所有)
适用于多个类都应用同一套样式
属性选择器,[需要满足的属性]
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Attribute_selectors
input[type="text"] 会选择所有 type 属性值为 "text" 的 <input> 元素