What is syntax for selector in CSS for next element?

by

This is called the adjacent sibling selector, and it is represented by a plus sign…

h1.hc-reform + p {
  clear:both;
}

Note: this is not supported in IE6 or older.

More Related Contents:

  1. Why do browsers match CSS selectors from right to left?
  2. Why doesn’t nth-of-type/nth-child work on nested elements?
  3. How can I style even and odd elements?
  4. Can I write a CSS selector selecting elements NOT having a certain class or attribute?
  5. Several elements with the same ID responding to one CSS ID selector
  6. Is there a CSS selector for the first direct child only?
  7. How to target a specific column or row in CSS Grid Layout?
  8. CSS :selected pseudo class similar to :checked, but for elements
  9. Difference in applying CSS to html, body, and the universal selector *?
  10. How can I correctly select the first or the last child with CSS?
  11. A CSS selector to get last visible div
  12. :not(:empty) CSS selector is not working?
  13. How to exclude particular class name in CSS selector?
  14. CSS selector with period in ID
  15. CSS select elements with partial id
  16. Can a dynamic class be styled using CSS? [duplicate]
  17. Select first occurring element after another element
  18. CSS selector for empty or whitespace
  19. Default :target with CSS
  20. Is it possible to use CSS vars in CSS3 selectors?
  21. Select second last element with css
  22. How do I give a CSS class priority over an id?
  23. How to run the CSS3 animation to the end if the selector is not matching anymore?
  24. Is there a css selector for selecting an element futherup in the html?
  25. How can I target a specific column or row in a CSS grid layout?
  26. CSS Selector for No-Children-But-Not-Empty
  27. Hide element, but show CSS generated content
  28. How to select classes with spaces
  29. How can I get a specific number child using CSS?
  30. Why does .class:last-of-type not work as I expect?

Leave a Comment