WP-Mix

A fresh mix of code snippets and tutorials

CSS select all except last child

Blazing fast snippet for you today: how to select all children except the last child. Targeting HTML with CSS has never been so much fun..

.target:not(:last-child) {
	/* do your thing */
	}

So if .target is a list:

<ul class="target">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ul>

..then the previous CSS selector will select the first two items in the list, but not the last item. That’s all there is to it.. gotta love the power of CSS :)

★ Pro Tip:

Digging Into WordPressGA Pro

WordPress Resources

[ .htaccess made easy ] [ Digging Into WordPress ] [ Banhammer Pro: Hammer the Enemy ] [ SAC Pro: WordPress Chat Plugin ] [ The Tao of WordPress ] [ Wizard’s Collection: SQL Recipes for WordPress ]

Subscribe to WP-Mix

Project Demos

Popular Posts

Recent Posts

Random Posts

RSS Feed

Grab the RSS Feed ›

1544 readers
Feed Statistics
About the Author

Jeff Starr is a professional developer, designer, author, and publisher with over 15 years of experience. He writes books and tutorials, develops plugins, and runs his own business.

About the Site

WP-Mix is where I share code snippets, tricks, and tips. WP-Mix was launched in October 2012, and now features 414 posts. You can check out the latest post published on Aug 29, 2024. Learn more ›

Contact

A few ways to connect:

© 2012–2024 Monzilla Media ★ shapeSpace ★ Sitemap ★ Feed ★ Privacy ★ Made in the USA