Should I use single or double colon notation for pseudo-elements?

by

Do not use both combined with a comma. A CSS 2.1 compliant (not CSS3 capable) user agent will ignore the whole rule:

When a user agent cannot parse the selector (i.e., it is not valid CSS 2.1), it must ignore the selector and the following declaration block (if any) as well.

CSS 2.1 gives a special meaning to the comma (,) in selectors. However, since it is not known if the comma may acquire other meanings in future updates of CSS, the whole statement should be ignored if there is an error anywhere in the selector, even though the rest of the selector may look reasonable in CSS 2.1.

http://www.w3.org/TR/CSS2/syndata.html#rule-sets

You could however use

.foo:after { /*styles*/ }
.foo::after { /*styles*/ }

On the other hand this is more verbose than necessary; for now, you can stick with the one-colon notation.

More Related Contents:

  1. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  2. How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
  3. What is the difference between a pseudo-class and a pseudo-element in CSS?
  4. Can I target a :before or :after pseudo-element with a sibling combinator?
  5. How to make Internet Explorer 8 to support nth child() CSS element?
  6. IE8 :nth-child and :before
  7. Universal selector * and pseudo elements
  8. Can I have multiple :before pseudo-elements for the same element?
  9. Combine :after with :hover
  10. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  11. :active css selector not working for IE8 and IE9
  12. Vertically centering content of :before/:after pseudo-elements
  13. IE7, IE8 support for css3 media query [duplicate]
  14. Should I use single colons (:) or double colons (::) for before, after, first-letter and first-line pseudo-elements?
  15. What is the difference between pseudo-classes and pseudo-elements?
  16. Combine CSS Attribute and Pseudo-Element Selectors?
  17. Can I combine :nth-child() or :nth-of-type() with an arbitrary selector?
  18. :after and :before CSS pseudo elements hack for Internet Explorer 7
  19. How to combine class and ID in CSS selector?
  20. What is the difference between :first-child and :first-of-type?
  21. Does CSS have a :blur selector (pseudo-class)?
  22. Specify multiple attribute selectors in CSS
  23. How to only show certain parts with CSS for Print?
  24. Why use an attribute selector to match classes?
  25. CSS selector to get deepest element of specific class in the HTML tree
  26. Are CSS selectors case-sensitive?
  27. CSS combinator precedence?
  28. prevent a pseudo element from triggering hover?
  29. What CSS selector can be used to select the first div within another div
  30. CSS Selector for not a child of element type?

Leave a Comment