title: CSS hover to list
body: <p>I'm trying to make a hover effect on my lists, what I want to achieve, when I hover to list it will only show it's own content. The issue is it shows all the other list when hover to single list. I'm using sass</p>
  
  <p>JsFiddle link</p>
  
  <p><a href="https://jsfiddle.net/PenAndPapers/f5qps3eu/" rel="nofollow noreferrer">https://jsfiddle.net/PenAndPapers/f5qps3eu/</a></p>
  
  <pre><code>#ssb-container {
      li {
        cursor: pointer;
        &amp;:hover {
          &gt; p {
             a {
              margin-right: 75px;
            }
          }
        }
        p {
            a {
            margin-right: -125px;
          }
        }
      }
    }
  </code></pre>