--description--

Let’s take a look at a few quick examples to visualize how specificity works. Consider the following HTML and CSS code:

<!-- index.html -->

<div class="main">
  <div class="list subsection"></div>
</div>

/* rule 1 */
.subsection {
  color: blue;
}

/* rule 2 */
.main .list {
  color: red;
}

In the example above, both rules are using only class selectors, but rule 2 is more specific because it is using more class selectors.

--questions--

--text--

Based on the given HTML and CSS code, which color would the <div class="list subsection"></div> element be rendered as?

--answers--

blue

red

purple

black

--video-solution--

2