CSS中的“+”是什么意思？

Question

.competence{+line-height:20px;}

我知道*是IE的CSS hack。只有IE7及以下http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml

我想知道“+”是什么意思？

感谢您的帮助：）

Answer 1

从您关联的网站：http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml

  

虽然Internet Explorer 7在属性名称以下划线或连字符作为前缀时更正了其行为，但其他非字母数字字符前缀将被视为在IE6中。

+字符计为“其他非字母数字字符”，因此它将“视为在IE6中处理”。

我猜它是*黑客（*property: value）的变体。

+更常规的用途是选择器：see the w3c for details。

Answer 2

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

因此，以下规则规定当P元素紧跟在MATH元素后面时，它不应缩进：

math + p { text-indent: 0 }