Fork me on github

【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> 元素

 

 

 

 


posted @ 2023-09-05 20:43  zjy4fun  阅读(6)  评论(0编辑  收藏  举报