Go Back to JavaScript :: Dynamic Site Solutions

First Word Selector

Since there is no :first-word pseudo-element in CSS, this script can be used in its place. It works in Firefox, Netscape 6+, IE4+/Win, Opera 7+, Konqueror 3, Safari, and IE5/Mac.

Demonstration

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec porta odio ullamcorper lorem. Sed consequat, diam ut malesuada tincidunt, metus libero tincidunt neque, non viverra lectus libero at dui. Aenean in neque id dui ullamcorper malesuada. Nullam sed wisi. Donec urna lectus, sagittis vitae, accumsan vitae, convallis non, elit. Vestibulum commodo pede non neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas est diam, tristique id, sollicitudin nec, aliquam non, orci. Quisque nibh erat, vulputate vitae, tempus suscipit, tincidunt vitae, quam. Donec at sapien vel sem consequat tincidunt. Suspendisse feugiat. Phasellus suscipit.

Consectetuer adipiscing elit. Donec porta odio ullamcorper lorem. Sed consequat, diam ut malesuada tincidunt, metus libero tincidunt neque, non viverra lectus libero at dui. Aenean in neque id dui ullamcorper malesuada. Nullam sed wisi. Donec urna lectus, sagittis vitae, accumsan vitae, convallis non, elit. Vestibulum commodo pede non neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas est diam, tristique id, sollicitudin nec, aliquam non, orci. Quisque nibh erat, vulputate vitae, tempus suscipit, tincidunt vitae, quam. Donec at sapien vel sem consequat tincidunt. Suspendisse feugiat. Phasellus suscipit.

Sed consequat, diam ut malesuada tincidunt, metus libero tincidunt neque, non viverra lectus libero at dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec porta odio ullamcorper lorem. Sed consequat, diam ut malesuada tincidunt, metus libero tincidunt neque, non viverra lectus libero at dui. Aenean in neque id dui ullamcorper malesuada. Nullam sed wisi. Donec urna lectus, sagittis vitae, accumsan vitae, convallis non, elit. Vestibulum commodo pede non neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas est diam, tristique id, sollicitudin nec, aliquam non, orci. Quisque nibh erat, vulputate vitae, tempus suscipit, tincidunt vitae, quam. Donec at sapien vel sem consequat tincidunt. Suspendisse feugiat. Phasellus suscipit.