Combine CSS Attribute and Pseudo-Element Selectors?

by

This looks like a bug, which has finally been reported. If you add a CSS rule for divCombine CSS Attribute and Pseudo-Element Selectors? anywhere in your stylesheet with at least one declaration, your divCombine CSS Attribute and Pseudo-Element Selectors?:after rule will magically apply. For example:

div:after {
    content: "NO";
}
divCombine CSS Attribute and Pseudo-Element Selectors? {
    display: block;
}
divCombine CSS Attribute and Pseudo-Element Selectors?:after {
    content: "YES";
}

See the updated fiddle.

It also seems to have something to do with your second div having or not having certain HTML attributes, as shown in the comments below.

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. :not() selector not behaving the same between Safari and Chrome/Firefox
  5. Can I target a :before or :after pseudo-element with a sibling combinator?
  6. Should I use single or double colon notation for pseudo-elements?
  7. Universal selector * and pseudo elements
  8. Can I have multiple :before pseudo-elements for the same element?
  9. Combine :after with :hover
  10. Webkit bug with `:hover` and multiple adjacent-sibling selectors
  11. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  12. Vertically centering content of :before/:after pseudo-elements
  13. Should I use single colons (:) or double colons (::) for before, after, first-letter and first-line pseudo-elements?
  14. What is the difference between pseudo-classes and pseudo-elements?
  15. Is there a CSS selector for elements containing certain text?
  16. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  17. ::slotted CSS selector for nested children in shadowDOM slot
  18. nth-child doesn’t respond to class [duplicate]
  19. Nesting CSS classes
  20. CSS attribute selectors: The rules on quotes (“, ‘ or none?)
  21. What is the difference between ‘>’ and a space in CSS selectors?
  22. Why can’t you group descendants in a CSS selector?
  23. Should I use CSS :disabled pseudo-class or [disabled] attribute selector or is it a matter of opinion?
  24. Not CSS selectors
  25. What is this CSS selector? [class*=”span”]
  26. Is there any pros and cons if i use always CSS Class instead CSS ID for everything?
  27. Removing the image border in Chrome/IE9
  28. Is there an opposite CSS pseudo-class to :hover?
  29. Comma in CSS, multiple selectors using the same CSS
  30. @media query not working in mobile. Works fine in Chrome

Leave a Comment