#left-box.text-box {

color: red;

}

This will now target only the divs with the class text-box, if they also have a parent with the id of left-box, this allows us ultimate flexibility and control over how we target and select elements to style.

Cascading

When working with CSS it is quite likely that you will run into a situation where you have conflicting styles operating on an element. For example, if you had a div with multiple classes applied to it with a conflicting property, like in the following example: