I read about descendant selectors in CSS but can’t get it to work:

I have html structure like below-

I need headings in a div to be the same size/ font/ color, but I want to exclude any headings inside links. I need anything inside the div to change – Any level of nesting.

I need headings in a div to be the same size/ font/ color, but I want to exclude any headings inside links. I need anything inside the div to change – Any level of nesting.

Closed 40 mins ago.

So, I am a beginenr and I wrote a set of styles like:

I want to style only the first div inside the experience-container, but it is styling all the divs inside the experience container. How can use :first-child or :nth-child to do this?

What is the most economical way to write this code?

I have a small CSS/ SCSS problem I need to solve. I HTML structure to which I have to write some small SCSS to match a given style, an example is in the below snippet.

Need to design 4 buttons like this.
Consider the sides and buttons sides are solid.
The design is similar to pizza cutting.