There are three types of CSS selectors. ① contextual selectors; ②id and class selectors; ③ property selectors, and the biggest benefit of contextual selectors is that it's convenient to add styles based on location for HTML elements
For example, we want the P tags in the article and aside tags to set different styles
The contextual selector is also called the descendant combination selector, which is separated by a space label name in the form:
Label 1 label 2 {declaration}
The tag here is the HTML element, and tag 2 is the target we want to select, and label 2 can only be selected if label 1 is the ancestor of tag 2. As long as it's an ancestor, it's not necessarily a parent element.
Let's take the following HTML code as an example to demonstrate:
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
