Compare Grouping and Nesting in CSS ?

It can be seen from the code that every element shares the same property. Rewriting can be avoided by writing each selector separated by a comma.

Nesting: Specifying a selector within a selector is called nesting.

5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
P

{

color: red;

text-align: left;

}

.marked

{

background-color: blue;

}

.marked p

{

color: green;

}