How to select a text node with CSS

by

The current state of CSS can’t do this, check this link: W3C

The problem here is that the content you write to the screen doesn’t show up in the DOM :P.

Also ::outside doesn’t seem to work yet (at least for me in Safari 6.0.3) or it simply doesn’t generate the desired result yet.

Check my fiddle and then check the DOM source: JSfiddle

Finally there are attribute selectors a { content: attr(href);}, making CSS able to read DOM-node attributes. There doesn’t seem to be a innerHTML equivalent of this yet. It would be great tho if that was possible, whereas you might be able to manipulate the inner markup of a tag.

More Related Contents:

  1. CSS Pseudo-classes with inline styles
  2. Why do browsers match CSS selectors from right to left?
  3. Why doesn’t nth-of-type/nth-child work on nested elements?
  4. How can I style even and odd elements?
  5. Can I write a CSS selector selecting elements NOT having a certain class or attribute?
  6. Several elements with the same ID responding to one CSS ID selector
  7. Is there a CSS selector for the first direct child only?
  8. How to target a specific column or row in CSS Grid Layout?
  9. CSS :selected pseudo class similar to :checked, but for elements
  10. Difference in applying CSS to html, body, and the universal selector *?
  11. How can I correctly select the first or the last child with CSS?
  12. A CSS selector to get last visible div
  13. :not(:empty) CSS selector is not working?
  14. How to exclude particular class name in CSS selector?
  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. CSS Selector “(A or B) and C”?
  23. How do I give a CSS class priority over an id?
  24. How to run the CSS3 animation to the end if the selector is not matching anymore?
  25. Is there a css selector for selecting an element futherup in the html?
  26. How can I target a specific column or row in a CSS grid layout?
  27. CSS attribute selector does not work a href
  28. How to select classes with spaces
  29. CSS nth-match doesn’t work
  30. Targeting text nodes with CSS

Leave a Comment