CSS Nested Class

by mrrodd

HTML

<div class="main">
    Main div data
    <div class="content">
        Content div data
        <div>Inner div</div>
    </div>
</div>

CSS

body {
  font-family: Arial;
  font-size: 1.1em;
  background-color: white;
}
.main {
  color: red;
}

.main .content {
  color: blue;
}

.content div {
  color: green;
}