HTML共享结构

Question

我在我的网站上创建了一些用于共享社交媒体的课程。有以下内容：

<ul class="social_list">
    <li><a href="#" class="social-facebook"><span class="ico">f</span></a></li>
    <li><a href="#" class="social-tweeter"><span class="ico">></span></a></li>
    <li><a href="#" class="social-flickr"><span class="ico">.</span></a></li>
    <li><a href="#" class="social-vimeo"><span class="ico">v</span></a></li>
    <li><a href="#" class="social-pinterest"><span class="ico">b</span></a></li>
    <li><a href="#" class="social-dribbble"><span class="ico">4</span></a></li>
    <li><a href="#" class="social-delicious"><span class="ico">6</span></a></li>
</ul>

编辑所有CSS。现在，我想使用这个类的共享按钮。不想重新编辑我的CSS。我怎么能这样做？