Edit on
<div class="user user--inactive">
  <div class="user__name">Inactive user</div>
  <div class="user__age">16 years old</div>
</div>
<div class="user">
  <div class="user__name">Normal user</div>
  <div class="user__age">18 years old</div>
</div>
<div class="user user--premium">
  <div class="user__name">Premium user</div>
  <div class="user__age">18 years old</div>
</div>
.user {
  font-size: 25px;
  width: 200px; 
  margin:0px auto;
}

.user--inactive {
  opacity: 0.5;
}
.user--premium {
  color: red;
}

.user__name {
  font-weight: bold;
}
.user__age {
 font-style: italic; 
}
Rerun