Specificity Quiz

For Lucidchart

by Matt Swensen

HTML

<div id="main" class="container">
    <article id="content">
        <ul class="top-list">
            <li class="list-item">What color am I?</li>
        </ul>
    </article>
</div>

CSS

div article ul li {
    color: gold;
}

.container > #content li.list-item {
    color: forestgreen;
}

#main #content li {
    color: hotpink;
}

.container .top-list .list-item {
    color: darkorange;
}