2015-11-04 68 views
0

我有一些麻烦在我的侧栏菜单中获得字体真棒和字形在同一侧。我不确定如何定位元素以设置特定的字体大小?针对CSS元素 - Fontawesome和字形

侧面条形码的剪切。

<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; 
    } 
+0

为什么不干脆用实际的类?喜欢:'i.glyphicons,i.fa {font-size:16px;}' – segFault

+0

他们用在我的网站/不同尺寸。我只想瞄准边栏 – Nick

回答

0

这个CSS应该工作只针对#sidebar-nav图标:

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

这个目标,但它不会改变Glyphicon的大小(FA ok)。宽度和大小属性似乎也不起作用。如果这改变了什么,我正在使用Glyphicons Pro 1.8.1? – Nick

+0

你可以发布JSFiddle或类似的代码片段吗?查看:http://glyphicons.com/并在Chrome中使用inspect元素更改'.font-list .glyphicons'字体大小。所以它应该工作。 – segFault