Join Eric Greene for an in-depth discussion in this video Overview, part of More CSS Selectors for React Developers.
(quiet, pensive music) - [Instructor] So in this part two course on selectors, we're going to go even deeper. We're going to take a look at actually using multiple selectors to select elements, and using relationships between those selectors, like parent/child, ancestor/descendant, sibling-type relationships between those actual selectors to select elements in the DOM upon which we can apply stylings. These types of selectors are called combinators.
We're also going to take a look at using pseudo-elements so that we can style part of an element's content, like styling the first line of text in a paragraph or styling the first character. Another common challenge that happens when working with CSS is understanding which CSS rules override other CSS rules. So we're going to take a look at working with selector specificity, understanding how cascading stylesheets work, and how rules are applied in general. These are some of the most frustrating parts of working with CSS.
And then finally we're going to talk about some best and bad practices, when it comes to working with CSS and selectors, because the selectors that you choose to use can greatly impact the maintainability and extendability of your application.