May 03, 2021 CSS
CSS grouping groups selectors with the same style, reducing the amount of code.
CSS nesting applies to the style of the selectors inside the selectors.
There are many elements with the same style in the style sheet.
To minimize code, you can use the Group Selector.
Each selector is separated by a comma.
In the following example, we use a group selector for the above code:
Tip: You can group as many selectors as you want, and CSS has no restrictions on this.
It may apply to the style of the selector inside the selector.
In the following example, a style is assigned to all p elements, a style of class is "marked" for all elements, and only a third style is specified for the p element within the class: