CSS for changing color of last word in h1

by

This is not possible with pure CSS. However you can use lettering.js to get a ::last-word selector. CSS-Tricks has an excelent article on this: CSS-Tricks: A call for nth-everything. You can then do the following:

h1 {
  color: #f00;
}

/* EDIT: Needs lettering.js. Please read the complete post,
 * before downvoting. Instead vote up. Thank you :)
 */
h1::last-word {
  color: #00f;
}

More Related Contents:

  1. HTML: Changing colors of specific words in a string of text
  2. Changing highlight color
  3. Why cannot change checkbox color whatever I do? [duplicate]
  4. How to change the inner white color of Font Awesome’s exclamation triangle icon?
  5. Can I change the color of Font Awesome’s cog icon?
  6. Change color of bootstrap navbar on hover link?
  7. Convert RGBA to HEX
  8. CSS Not Being Responsive
  9. Bold tag breaking the divs?
  10. When to use IMG vs. CSS background-image?
  11. How can you customize the numbers in an ordered list?
  12. How do I make an editable DIV look like a text field?
  13. Style input element to fill remaining width of its container
  14. ‘position: sticky’ not working when ‘height’ is defined
  15. Wrap text in tag
  16. Flexbox column-reverse in Firefox, Edge and IE
  17. Make row stretch across all columns in CSS Grid
  18. Flexbox affects overflow-wrap behavior
  19. Why does a filter gradient on a pseudo element not work in IE8?
  20. Height Calculation By Browsers : Containing Blocks and Children
  21. How to pass parameters to css classes
  22. Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2
  23. Is there any way to add padding to select options via CSS?
  24. Div with horizontal scrolling only
  25. Setting max-height for table cell contents
  26. click link below a higher z-index div [duplicate]
  27. Pseudo element not full container width when border used
  28. Setting the image `width: 0` hides it, while `width: 0%` makes it occupy the space, too
  29. How to play CSS3 transitions in a loop?
  30. HTML canvas with scrollbar

Leave a Comment