TOC

The community is working on translating this tutorial into Chinese, but it seems that no one has started the translation process for this article yet. If you can help us, then please click "More info".

Advanced Selectors:

Introduction to advanced selectors

So far, we have looked at some very basic CSS selectors, with the most advanced stuff being the grouping of multiple selectors into the same. However, CSS selectors can be much more advanced than that, which makes them an extremely powerful tool in your web-designing toolbox.

In the upcoming chapters, we'll look into how these advanced selectors work and how you can benefit from them. However, I want to make it clear that while they can be very useful, they are not a requirement for doing most CSS work. What we will be doing with them can be accomplished with basic CSS selectors - just not as easy or syntactically pretty.

So, in the next chapters we'll look into the so-called combinators, where we use the hierarchical nature of HTML to shape and limit our selectors.

Summary

We'll look into combinators in the next chapters, which are advanced CSS selectors used to limit and filter in the elements targeted by the selector.

If you're more eager to get started using all the interesting CSS properties, you may want to skip this entire section about advanced CSS selectors for now and return to it later on, when you're ready to see some of the cool things you can do with them


This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!