CSS to select/style first word

What you are looking for is a pseudo-element that doesn’t exist. There is :first-letter and :first-line, but no :first-word.

You can of course do this with JavaScript. Here’s some code I found that does this: http://www.dynamicsitesolutions.com/javascript/first-word-selector/

Related Posts:

  1. How to get these two divs side-by-side?
  2. How to change the color of an svg element?
  3. How to implement max-font-size?
  4. @Media min-width & max-width
  5. How do I center this form in css?
  6. How can I replace text with CSS?
  7. Bootstrap 4, How do I center-align a button?
  8. Float a div above page content
  9. What does an asterisk (*) do in a CSS selector?
  10. height style property doesn’t work in div elements
  11. How can I horizontally align my divs?
  12. background-size: cover not working?
  13. combined multiple classes into one css rule
  14. CSS Outside Border
  15. Is there an opposite to display:none?
  16. Rainbow gradient on text in CSS
  17. CSS3 opacity gradient?
  18. use multiple css filters at the same time?
  19. CSS “and” and “or”
  20. Removing whitespace between HTML elements when using line breaks
  21. Why are my divs overlapping?
  22. Cache busting CSS files other than style.css
  23. How do I add a search bar to my header?
  24. Sanitize User Entered CSS
  25. How can I test how fast or slow my wordpress website it?
  26. Stylesheet switching and caching
  27. Check and dequeue if multiple stylesheets exists using wp_style_is?
  28. plugin css is not being applied to the page?
  29. How do I make Div Container 100% width only on homepage of site?
  30. WordPress & W3C CSS Validation
  31. TwentyTwelve versioning
  32. How to highlight all current categories when viewing a single post?
  33. Duplicate attribute class causing site validation error
  34. Assets in css dont link properly in pages other than home
  35. How do I style WordPress pages differently based on the tag used?
  36. How/where to add additional stylesheet to WP
  37. How the Css File is Linked without calling it in header.php?
  38. Show enqueued CSS and Script in custom header
  39. How to insert html/css/javascript code to wordpress plugin
  40. Importing changes to Child Theme
  41. Save changes in CSS after removing Menu from specific page
  42. Move the position of menu item [closed]
  43. Pure CSS to “float” to the right the number of children of an admin_bar child node
  44. Trying to figure out why my child theme is trying to access a file that doesn’t exist
  45. Title has word broken when viewed in mobile [closed]
  46. Advanced: understanding wp_add_inline_style function
  47. Hide Image On WordPress On Single Page [closed]
  48. WordPress code editor messed up my code!
  49. Ordering stylesheet above using functions.php
  50. How to change “““ to “““?
  51. How to remove parent style.css from the header
  52. Placing background image over section divider
  53. enqueing Javascript and CSS
  54. Acessing HTML element with no specific tag on it [closed]
  55. Earlier stylesheet not overriding later one
  56. Order of WP page load (including widgets, php, plugins, media, templates, and CSS) [duplicate]
  57. CSS is not loaded on mobile devices
  58. Fixed height of the_content()
  59. How can I add inline CSS for each image?
  60. Creating a second menu on Twenty Eleven aligned right from the first
  61. Help with a little CSS logo/header modification?
  62. I have html form and need to make it work in text editor on template. Only problem is it has .sccs styling file
  63. How to insert the current user’s role into the body class in the admin backend
  64. underscores theme – sass folder structure vs smacss
  65. Inclution place of CSS file
  66. Unused CSS in WordPress Plugins
  67. I have text on a banner on my wordpress site and I am unable to get rid of it? Would appreciate any help or advice :-)
  68. Img load while refreshing
  69. How to change specific menu tab from left to right in My Home Theme?
  70. Twenty Fourteen: Unsticky header after making header bigger
  71. How to display javascript banner in website header?
  72. Loading css files conditionally useful?
  73. Is there any way to turn off a particular scrolling behaviour?
  74. Sidebar at bottom however I have completely replaced theme folder back to original code
  75. Site not 100% responsive
  76. Dropdown menu’s fighting with each other [closed]
  77. Customizer: CSS changes not persistent
  78. Move both sidebars more to their sides [closed]
  79. Scale An Image Thumbnail
  80. Which hook to use to add notification message at beginning of my
  81. single.php doesn’t getting style
  82. Theme looks ugly – FOUC – stylesheets loaded in footer
  83. Converting Static HTML pages to WordPress
  84. How to make widgetized footer styles be inherited from body?
  85. custom css in admin panel by user id
  86. How to customize a theme’s navigation menu with css
  87. Site layout problems when logged in due to admin bar
  88. Add “sub-nav” class to a sub menu parent item
  89. Current Post/Page Ancestor, CSS
  90. How to target only one element if more elements share the same CSS class
  91. How to change the CSS in one file?
  92. Custom css code in wordpress [closed]
  93. Using Easy Google Fonts correctly and Droid Sans on Max OS X [closed]
  94. remove white overlay [closed]
  95. Why doesn’t media(max-width) work on h2 title?
  96. How to avoid problems caused by new block-library default CSS rules (wp 6.1.1)
  97. Grid problem on privew mode
  98. Disabling double vertical scrollbar and horizontal scrolling?
  99. Customize margin between paragraphs using the Gutenberg Style editor
  100. How to remove automatically added custom style tag?

Leave a Comment