What is the difference between :before and ::before?

by

According to those docs, they are equivalent:

element:before  { style properties }  /* CSS2 syntax */

element::before { style properties }  /* CSS3 syntax */

The only difference is that the double colon is used in CSS3, whereas the single colon is the legacy version.

Reasoning:

The ::before notation was introduced in CSS 3 in order to establish a
discrimination between pseudo-classes and pseudo-elements. Browsers
also accept the notation :before introduced in CSS 2.

More Related Contents:

  1. Is there a CSS selector for elements containing certain text?
  2. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  3. ::slotted CSS selector for nested children in shadowDOM slot
  4. nth-child doesn’t respond to class [duplicate]
  5. Select elements by attribute in CSS
  6. Nesting CSS classes
  7. CSS attribute selectors: The rules on quotes (“, ‘ or none?)
  8. not:first-child selector
  9. Is the CSS :not() selector supposed to work with distant descendants?
  10. What is the difference between ‘>’ and a space in CSS selectors?
  11. Combining :last-child with :not(.class) selector in CSS
  12. Why can’t you group descendants in a CSS selector?
  13. Should I use CSS :disabled pseudo-class or [disabled] attribute selector or is it a matter of opinion?
  14. Not CSS selectors
  15. What is this CSS selector? [class*=”span”]
  16. Is there any pros and cons if i use always CSS Class instead CSS ID for everything?
  17. Is there such a thing as an “all inclusive sibling” CSS selector?
  18. CSS selector involving pseudo class first-child and dropcap
  19. Targeting position:sticky elements that are currently in a ‘stuck’ state
  20. Select odd even child excluding the hidden child
  21. Is there an opposite CSS pseudo-class to :hover?
  22. CSS select multiple descendants of another element
  23. Select all ‘tr’ except the first one
  24. What are the rules around whitespace in attribute selectors?
  25. CSS – First child without certain class
  26. CSS select first element with a certain class
  27. Correct terms and words for sections and parts of selectors
  28. What CSS selector can be used to select the first div within another div
  29. CSS Selector for not a child of element type?
  30. CSS selector based on width?

Leave a Comment