LESS - multiple different classes with the same style?
<p>How would you write this style below in LESS?</p>

<pre><code>nav a:hover,
nav a:focus,
footer a:hover,
footer a:focus,
.fullscreen-container a:hover,
.fullscreen-container a:focus {
    text-decoration: none;
}
</code></pre>

<p>My attempt:</p>

<pre><code>.text-decoration-none () {
    text-decoration: none;
}

nav a {
    &amp;:focus,
    &amp;:focus {
        .text-decoration-none ();
    }
}

footer a {
    &amp;:focus,
    &amp;:focus {
        .text-decoration-none ();
    }
}

.fullscreen-container a {
    &amp;:focus,
    &amp;:focus {
        .text-decoration-none ();
    }
}
</code></pre>

<p>Result:</p>

<pre><code>nav a:focus,
nav a:focus {
  text-decoration: none;
}
footer a:focus,
footer a:focus {
  text-decoration: none;
}
.fullscreen-container a:focus,
.fullscreen-container a:focus {
  text-decoration: none;
}
</code></pre>

<p>Ideal result:</p>

<pre><code>nav a:hover,
nav a:focus,
footer a:hover,
footer a:focus,
.fullscreen-container a:hover,
.fullscreen-container a:focus {
    text-decoration: none;
}
</code></pre>

<p>Any ideas?</p>