<div class="my-container" id="container-id">
<p class="my-text" id="text-id">Some text</p>
</div>
.my-container .my-text {
color: red;
}
#container-id #text-id {
color: orange;
}
div #text-id {
color: green;
}
#text-id {
color: blue;
}
p {
color: purple;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.