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

[ WordPress Themes In Depth ] [ .htaccess made easy ] [ BBQ Pro: Advanced WordPress Firewall ] [ The Tao of WordPress ] [ SAC Pro: WordPress Chat Plugin ] [ GA Pro: WordPress + Google Analytics ]

Subscribe to WP-Mix

Project Demos

Popular Posts

Recent Posts

Random Posts

RSS Feed

Grab the RSS Feed ›

1449 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 409 posts. You can check out the latest post published on May 2, 2023. Learn more ›

Contact

A few ways to connect:

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