title: css repetitive, what is more efficient?
body: <p>How can I write this code more effectively? I don´t want to write <code>.btn:hover</code> every time.</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-css lang-css prettyprint-override"><code>.btn:hover .glyphicon-minus,
  .btn:hover .glyphicon-ok,
  .btn:hover .glyphicon-remove,
  .btn:hover .glyphicon-trash,
  .btn:hover .glyphicon-arrow-left,
  .btn:hover .glyphicon-arrow-right,
  .btn:hover .glyphicon-eye-open,
  .btn:hover .glyphicon-floppy-disk,
  .btn:hover .glyphicon-print
  .btn:hover .glyphicon-pencil{
   color: black !important;
  }</code></pre>
  </div>
  </div>
  </p>