如何在CSS中選擇我的字體棒圖標？

對不起，發佈這樣一個簡單的問題，但我已經嘗試了我能想到的一切。我怎樣才能選擇我的字體在CSS令人敬畏的圖標？我試圖把它們變成一個內聯列表，並做一些其他的樣式，但我正在努力正確地選擇它們。如何在CSS中選擇我的字體棒圖標？

我的HTML：

<div class="container"> 
<div class="row"> 
    <div class="twelve columns"> 
     <ul class="social-icons list-inline"> 
      <li><a href="https://twitter.com" target="_blank"><i class="fa fa-twitter"></i></a></li> 
      <li><a href="https://www.facebook.com" target="_blank"><i class="fa fa-facebook"></i></a></li> 
      <li><a href="http://instagram.com" target="_blank"><i class="fa fa-instagram"></i></a></li> 
      <li><a href="https://www.linkedin.com" target="_blank"><i class="fa fa-linkedin"></i></a></li> 
     </ul> 
    </div> 
</div>

我使用的骨架和我想它搞亂了我一點用做選擇的權利，因爲它使用它是我的第一次。

來源

2015-12-23 bfunphoto

如果我理解正確的話..你想要的風格每個圖標特別喜歡.fa，嘰嘰喳喳，.fa-F acebook等？ – 5ulo

@ j08691我嘗試過使用.social-icons和.list-inline，但我基本上只是想知道正確/標準的方法。我對網頁設計相當陌生，對於正確使用css選擇器仍有點困惑 – bfunphoto

您可以在CSS中使用相同的類選擇器來添加/修改樣式：'.fa-twitter {margin：4px}' –

你的HTML看起來不錯。我想你只是忘了包含Font Awesome樣式表。

然後，如果你想修改特定類像製作名單內聯，只是做：

.fa-twitter { 
 
    font-size: 50px !important; 
 
} 
 

 
.list-inline li { 
 
    display: inline; 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 
 
<div class="container"> 
 
<div class="row"> 
 
    <div class="twelve columns"> 
 
     <ul class="social-icons list-inline"> 
 
      <li><a href="https://twitter.com" target="_blank"><i class="fa fa-twitter"></i></a></li> 
 
      <li><a href="https://www.facebook.com" target="_blank"><i class="fa fa-facebook"></i></a></li> 
 
      <li><a href="http://instagram.com" target="_blank"><i class="fa fa-instagram"></i></a></li> 
 
      <li><a href="https://www.linkedin.com" target="_blank"><i class="fa fa-linkedin"></i></a></li> 
 
     </ul> 
 
    </div> 
 
</div>

來源

2015-12-23 01:06:58 jianweichuah

@bfunphoto如果您想要內聯列表，請參閱更新後的答案。或者讓我知道你實際上想要做什麼.. – jianweichuah

您可以使用選擇.fa，嘰嘰喳喳，.fa Facebook的，.fa，Instagram的，.fa，LinkedIn ......這裏的小提琴「https://jsfiddle.net/DTcHh/15521/」

"https://jsfiddle.net/DTcHh/15521/"

來源

2015-12-23 00:56:19 5ulo

我想具體我有麻煩選擇他們所以我可以把他們內聯 – bfunphoto

列表已經內聯，因爲ul.list內聯類。您可以通過選擇「.social-icons .fa」來選擇所有圖標。 – 5ulo

如果你想要的風格所有的FA圖標，然後選擇你要的是.fa

.fa {顯示：內聯;}

來源

2015-12-23 13:02:31

如何在CSS中選擇我的字體棒圖標？

回答

相關問題