如何使用CSS选择器

Question

什么是CSS选择器(例如,+)以及我们如何使用它们？是否有所有选择器的列表？与相关来源的链接可以.

Answer 1

在CSS特定(这里是CSS 2.1),第5节选择器.

具体来说,它+被称为相邻的兄弟选择器:

5.7相邻的兄弟选择器

相邻的兄弟选择器具有以下语法:E1 + E2,其中E2是选择器的主题.如果E1和E2在文档树中共享相同的父级并且E1紧接在E2之前,则选择器匹配,忽略非元素节点(例如文本节点和注释).

因此,以下规则指出当P元素紧跟在MATH元素后面时,它不应缩进:

math + p { text-indent: 0 } 

下一个示例减少了分隔H1和紧随其后的H2的垂直空间:

h1 + h2 { margin-top: -5mm }   

以下规则与前一个示例中的规则类似,只是它添加了一个类选择器.因此,只有当H1具有class ="opener"时才会出现特殊格式:

h1.opener + h2 { margin-top: -5mm }   

您可能也对CSS 3选择器感兴趣.