<div class="red">
<div class="green">
<div class="blue">
<p>これは何色になる?</p>
</div>
</div>
</div>
@scope (.blue) {
p {
color:blue;
}
}
@scope (.red) {
p {
color:red;
}
}
@scope (.green) {
p {
color:green;
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.