Another after after clearfix - will it be canceled by the cleatfix action?

Question

css

After the floated lis, there is a clearfix pseudo-spacer, but at the end of the header, I added a background for another pseudo-element that comes right after the ul. This cancels the clearfix. Why?

<div class="header-menu bg-header">
  <div class="top-logo">
    <img src="img/logo-top.png" height=70px weight=138px>
  </div>
  <nav>
    <ul class="main-menu clearfix">
      <li class="left-menu"><a href="#d">Информация</a></li>
      <li class="left-menu"><a href="#d">Фото и видео</a></li>
      <li class="right-menu"><a href="#d">Карта штата</a></li>	
      <li class="right-menu"><a href="#1">Гостиницы</a></li>		
    </ul>
  </nav>
</div>

Answer 1

You override clearfix with your after