Skip to content

Instantly share code, notes, and snippets.

@blackfalcon
Last active May 14, 2021 18:07
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save blackfalcon/f88de0449bac8d399ba25e8c657d75bb to your computer and use it in GitHub Desktop.
Save blackfalcon/f88de0449bac8d399ba25e8c657d75bb to your computer and use it in GitHub Desktop.
Fun with Specificity
<div id="copy">
<ul>
<li class="more-copy">
<p class="copy">
hello
</p>
</li>
</ul>
</div>
// ----
// libsass (v3.3.2)
// ----
// 0-1-0-1
#copy p {
color: pink;
}
// 0-0-1-1
.more-copy p {
color: purple;
}
// 0-0-1-1
p.copy {
color: green;
}
// 0-0-0-2
li p {
color: red;
}
// 0-0-0-1
p {
color: orange;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment