"+"(加号) CSS 选择器是什么意思？

Question

For example:

p + p {
  /* Some declarations */
}

I don't know what the + means. What's the difference between this and just defining a style for p without + p?

转载于:https://stackoverflow.com/questions/1139763/what-does-the-plus-sign-css-selector-mean

Answer 1

This selector means that the style applies only to paragraphs directly following another paragraph.
A plain p selector would apply the style to every paragraph in the page.

See adjacent selectors on W3.org.

---

This will only work on IE7 or above. In IE6, the style will not be applied to any elements. This also goes for the > combinator, by the way.

See also Microsoft's overview for CSS compatibility in Internet Explorer.