SCSS

HTML

<div class="comments">
  <ul>
  <li>Item 01</li>
  <li>Item 02</li>
  <li>Item 03
    <ul>
      <li>Item 1.01</li>
      <li>Item 1.02</li>
      <li>Item 1.03</li>
      <li>Item 1.04</li>
      <li>Item 1.05</li>
      <li>Item 1.06</li>
      <li>Item 1.07</li>
      <li>Item 1.08
        <ul>
          <li>Item 1.08.01</li>
          <li>Item 1.08.02</li>
          <li>Item 1.08.03</li>
          <li>Item 1.08.04</li>
          <li>Item 1.08.05</li>
          <li>Item 1.08.06</li>
          <li>Item 1.08.07</li>
          <li>Item 1.08.08</li>
          <li>Item 1.08.09</li>
          <li>Item 1.08.10</li>
        </ul>
      </li>
      <li>Item 1.09</li>
      <li>Item 1.10</li>
    </ul>  
  </li>
  <li>Item 04</li>
  <li>Item 05</li>
  <li>Item 06</li>
  <li>Item 07</li>
  <li>Item 08</li>
  <li>Item 09</li>
  <li>Item 10</li>
</ul>
</div>

SCSS

* {
  box-sizing: border-box;
}

.comments {
  overflow: hidden;
}

ul {
  list-style: none;
  padding-left: 20px;
  
  li {
    position: relative;
    
    &:hover {
      &:before {
        opacity: 1;
      }
    }
   
    &:before {
      position: absolute;
      top: 6px;
      left: -300px;
      width: 300px;
      height: 5px;
      background: url(https://dr.habracdn.net/habrcom/images/1537860140/bg-folding-dot-light.png) repeat-x 5px 0;
      content: '';
      opacity: 0;
    }
  }
}