Created by CyanHall.com
on 11/13/2020
, Last updated: 01/08/2021.
👉
Star me if it’s helpful.
These are different effects using
👉
class-one
and class-two
.class-two {
width: 100px;
height: 100px;
}
.class-one.class-two {
background-color: grey;
}
.class-one .class-two {
background-color: brown;
}
.class-one > .class-two {
background-color: orange;
}
<div class="class-one class-two">
</div>
<div class="class-one">
<div class="class-two">
</div>
</div>
<div class="class-one">
<div>
<div class="class-two">
</div>
</div>
</div>
More