定位 CSS 元素 - Fontawesome 和 Glyphicons

Question

我在侧边栏菜单中将 Font Awesome 和 Glyphicons 放在同一侧时遇到了一些问题。我不确定如何定位元素以设置特定的字体大小？

侧条码的一个片段。

<div class="col-md-3 md-margin-bottom-40">
    <ul class="list-group sidebar-nav-v1" id="sidebar-nav">
        <li class="list-group-item list-toggle active">
            <a aria-expanded="true" class="" data-parent="#sidebar-nav" data-toggle="collapse" href="#collapse-group-6">My Account</a>
            <ul aria-expanded="true" class="collapse in" id="collapse-group-6" style="">
                <li class="my_account_links_inactive">
                    <a class="user_links" href="index.php?a=4&amp;b=12">
                    <div class="my_account_icons">
                        <i class="fa fa-print"></i>
                    </div>print signs and flyers</a>
                </li>
                <li class="my_account_links_inactive">
                    <a class="user_links" href="store/The-Parts-Network.html">
                    <div class="my_account_icons">
                        <i class="glyphicons white shop"></i>
                    </div>my storefront</a>
                </li>
            </ul>
        </li>
    </ul>
</div>  

我想我需要这样的东西？

    #sidebar-nav > li > ul > li > a > div > i [class*="fa-"],
    #sidebar-nav > li > ul >li > a > div > i[class*="glyphicon-"] {
    font-size: 16px;
    }

Answer 1

这个 CSS 应该只针对 #sidebar-nav 图标：

#sidebar-nav i.glyphicons, #sidebar-nav i.fa {
  font-size: 16px;
}