Question

很抱歉发布了这么简单的问题，但我已经尝试了我能想到的一切。如何在css中选择我的字体真棒图标？我试图将它们变成内联列表，并做其他一些样式，但我很难正确地选择它们。

我的HTML：

Exit For

我正在使用骨架，并且我认为这是因为我第一次使用选择器而让我感到困扰。

Answer 1

你的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>

Answer 2

你可以使用选择器.fa-twitter，.fa-facebook，.fa-instagram，.fa-linkedin ...这里是小提琴“https://jsfiddle.net/DTcHh/15521/”

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

Answer 3

如果你要设置所有FA图标的样式，那么你想要的选择器是.fa

.fa {display：inline;}

如何在CSS中选择我的字体真棒图标？

3 个答案: