Advertisement
HTML & CSS

Quick Tip: Work Backward to Understand Structural Pseudo Classes

by

Have you ever seen those scary looking CSS structural pseudo classes, like li:nth-child(4n+2)? Can you enunciate exactly what that means? If not, don't worry; I'll teach you how easy this is to understand -- once you work backward!


See What I Mean?

The key to figuring these things out is to work from right to left! Now it's easy to understand. If you enjoyed this video quick tip, don't forget that we have a seemingly never-ending span of video quick tip on Nettuts+ - ranging from .NET, to CSS, to JavaScript!

Related Posts
  • Photography
    Shooting
    Shooting Photos for Skin-Tearing IllustrationSkintear 07 pre
    Today, we're looking at the process from start to finish of creating composite work, particularly in this case for commercial advertising purposes. I'll be walking you through the creation of the imagery for designer to composite and polish up.Read More…
  • Web Design
    Community Projects
    Community Project: The Tuts+ Illustrator Wireframe KitWireframe thumb
    Calling all community members! We have a little project for you to take part in! We're compiling a wireframe kit for Adobe Illustrator, built by you, the Tuts+ community. Read on to see how you can take part.Read More…
  • Web Design
    Case Studies
    How They Did It: CrowdpilotCrowdpilot thumb
    Crowdpilot's landing page shows off just how simple and awesome SVG is in combination with JavaScript and CSS animations. In this tutorial, you'll learn how to recreate Crowdpilot's diagonal message rotator and curtain, plus we'll talk a bit about "flat" design and what it means to design digitally native elements.Read More…
  • Design & Illustration
    Web Roundups
    26 Awesome Brush Tutorials for Adobe Illustrator on Tuts+Hubtreepreview
    The brushes in Adobe Illustrator are incredible tools that allow you to create and do a multitude of things. This week we've focused purely on beginner content for those who wish to get a better understanding on brushes. These aren't the only tutorials we have on Tuts+, in fact I'd like to share with you many of our others.Read More…
  • Web Design
    HTML & CSS
    Quick Tip: Bring Your Website to Life With Animate.cssAnimate retina
    In this quick tip screencast I'm going to show you how to implement CSS animation within your web pages, rapidly and easily. Happily, Dan Eden has done all the heavy lifting for us, packaging his work up in the form of Animate.css.Read More…
  • Design & Illustration
    Theory
    12 Ways to Get the Most From Behance0946 behance preview400
    I often talk to other creatives about the ways they share their work online. Most admit that they really enjoy this part of their job, but many feel like there just isn't enough time in the day to devote to the task. In my opinion, one of the most important things an artist can do with their time is to share their creations with others. Read More…