Styling specific element of a div in css

Question

I have a div called mycontent. In this div there is a h2 element. This element inherits global properties, but I would like to change its color only within the mycontent div. I would prefer not to add new class because I would like to operate only within the css. I have something like that:

#mycontent {
position: absolute;
bottom: 15px;
left: 10px;


}

#mycontent h2 {
    color: #fff;

}

Answer 1

Your point being? I mean, you already have the right CSS to achieve what you're asking. The #mycontent h2 {} selector you wrote is right :)