<html><head><style>.box {weight: 200px;height: 200px;}.blue.bordered {border: 2px solid #7cc4dd;}.pink.bordered {border: 2px solid #f37792;}.blue { background: #44accf; }.pink { background: #ee3e64; }</style></head><body><div class="blue bordered box"></div><div class="green bordered box"></div><div class="blue box"></div><div class="green box"></div></body>
</html>
]]>Spot on! By combining selectors, we're targeting those elements that have all of the specified selectors.
That'd look for a .bordered
element within a .blue
element. Is that really what we want?