> * + * means?

.card > * + * {
margin-top: 3rem;
}

Does it mean, that inside .card, leave the first child, and give margin-top of 3rem to other children except first one, is that true?

Mannix•8/9/23, 5:54 AM

iirc yes that is correct what you said

Mannix•8/9/23, 5:56 AM

it's refereed to as lobotomized owl

Wolle•8/9/23, 6:14 AM

is the ajacent sibling selector, it selects any element (the second ), that is directly following any element (the first ) that is a direct child (

) of .
So, yes your asumption is correct.

Wolle•8/9/23, 6:15 AM

would be equal.

Wolle•8/9/23, 6:16 AM

Except for higher specificity. (0,1,2) vs (0,3,1)

Hamza NaeemOP•8/9/23, 6:30 AM

So which one of them is the good practice to use?

Wolle•8/9/23, 6:33 AM

If you want the clarity and don't care for the higher specificity of the later, take that. If you are confident your team will understand (or ask^^) the 'lobotomized owl' (i think it is called) and you care for specificity take the owl.