a.tab-bar__tab =>
<a href="" class="tab-bar__tab"></a>
i.fa+span.tab-bar__title
=> <i class="fa"></i><span class="tab-bar__title"></span>
hh6.friends__profile-title
<h6 class="friends__profile-title"></h6>
div.more__option*4>i.fa+span.more__option-title
<div class="more__option"><i class="fa"></i><span class="more__option-title"></span></div>
<div class="more__option"><i class="fa"></i><span class="more__option-title"></span></div>
<div class="more__option"><i class="fa"></i><span class="more__option-title"></span></div>
<div class="more__option"><i class="fa"></i><span class="more__option-title"></span></div>
div.more__option*3>img.more__options-image+span.more__option-title
이미지 태그 안에 more__options-image라는 클래스 생성해라.
<div class="more__option"><img src="" alt="" class="more__options-image"><span class="more__option-title"></span></div>
<div class="more__option"><img src="" alt="" class="more__options-image"><span class="more__option-title"></span></div>
<div class="more__option"><img src="" alt="" class="more__options-image"><span class="more__option-title"></span></div>
div.profile__action*2>span.profile__action-circle(i.fa)+span.profile__action-title
<div class="profile__action">
<span class="profile__action-circle"></span>
<i class="fa"></i>
<span class="profile__action-title"></span>
</div>
<div class="profile__action">
<span class="profile__action-circle"></span>
<i class="fa"></i>
<span class="profile__action-title"></span>
</div>