What does the double colon (::) mean in CSS?

by

It means pseudo element selector. It means the element to the right doesn’t exist in the normal DOM, but can be selected.

A pseudo-element is made of two colons (::) followed by the name of the pseudo-element.

Source

It was originally only a single colon, but was changed to differentiate it from pseudo classes (like :hover, :first-child, :not etc). It’s best to use : for before and after pseudo elements since the single colon has better browser support, namely in earlier IE versions.

More Related Contents:

  1. Detect the type of font that is displayed in an image [closed]
  2. Is there a CSS selector for elements containing certain text?
  3. Responsive css background images
  4. How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
  5. Nesting CSS classes
  6. Control the dashed border stroke length and distance between strokes
  7. Is embedding background image data into CSS as Base64 good or bad practice?
  8. Font Awesome 5 – why aren’t icons like bitcoin, facebook, twitter showing?
  9. Does css hover work on mobile devices?
  10. How can I remove the outline around hyperlinks images?
  11. Text on image mouseover?
  12. Can I change the fill color of an svg path with CSS?
  13. how to reset a CSS variable (aka custom properties) and use the fallback one?
  14. CSS transitions with calc() do not work in IE10+
  15. CSS rounded corners in IE8
  16. Can I apply multiple background colors with CSS3?
  17. Table column sizing
  18. How can I change the color of an ‘svg’ element?
  19. Styling elements with a dot (.) in the class name
  20. CSS file blocked: MIME type mismatch (X-Content-Type-Options: nosniff)
  21. Css Content, Attr and Url in the same sentence
  22. CSS Transform with element resizing
  23. Fill only Half a star with SVG
  24. Correct terms and words for sections and parts of selectors
  25. How to stretch children to fill cross-axis?
  26. What is the difference between pseudo-classes and pseudo-elements?
  27. How to fade the edge of a div with just CSS? [duplicate]
  28. How to properly introduce a light/dark mode in Bootstrap?
  29. css: the meaning of * mark
  30. input type=”image” shows unwanted border in Chrome and broken link in IE7

Leave a Comment