I’m working on the product page, and I’m doing my best to really tear apart the example and see what every little thing does… This syntax is leaving me utterly confused, however:
You could chain selectors for specificity. Let’s say that you want all the links that are inside explanatory text of a form to be styled without the underline, so it looks less cluttered.
form>.explanyText>a {
text-decoration: none;
}
If you wanted all links that are inside of a form at any level of nesting:
form a {
text-decoration: none;
}
Avoiding being too broad with your selectors means that you will have fewer unanticipated side effects. Often when you are working on large or long-running projects, you end up writing selectors that exist to create an exception for an overly broad rule.
I’m glad that I’m able to help in my small way. This type of curiosity is going to help you immensely on your journey. Happy coding!