How I can hover two elements at the same time?
<p>I wanna make to hover theese elements at the same time: ..span class="glyphicon glyphicon-link icon-top.. and ..a href="javascript:;" class="link1" This is a text..</p>

<p>Please help me with that.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>// Dont run this snippet :) I used it to paste me code  \\</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.top-part &gt; .top-left-part &gt; ul {
    list-style: none;
}

.top-part &gt; .top-left-part &gt; ul &gt; li {
    display: inline-block;
}

.top-part &gt; .top-left-part &gt; ul &gt; li &gt; .link1 {
    color: white;
    transition: all 0.3s ease;
}

.top-part &gt; .top-left-part &gt; ul &gt; li &gt; .link1 {
    color: white;
    text-decoration: none;
}

.top-part &gt; .top-left-part &gt; ul &gt; li &gt; .link1:hover {
    color: #2ECC71;
    text-decoration: none;
}

.top-part &gt; .top-left-part &gt; ul &gt; li &gt; .icon-top {
    color: white;
    background-color: #555;
    border-radius: 200px;
    padding: 7px;
    margin: 0 2.5px;
    transition: all 0.3s ease;
}

.top-part &gt; .top-left-part &gt; ul &gt; li &gt; .icon-top:hover {
    background-color: #2ECC71;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul&gt;
                            &lt;li&gt;&lt;span class="glyphicon glyphicon-link icon-top"&gt;&lt;/span&gt;    
                            &lt;a href="javascript:;" class="link1"&gt;
                                info@mccore.ml
                            &lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;span class="glyphicon glyphicon-envelope icon-top"&gt;&lt;/span&gt;
                            &lt;a href="javascript:;" class="link1"&gt;
                                Kapcsolat
                            &lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;</code></pre>
</div>
</div>
</p>