Q&A
Font Awesomeを使ってアイコン下記3点を表示しています。
3点共通のcssでは.iconで記述していますが、
2行目のa fa-gears iconのみ、
margin-top: 50px;もしくはpadding-top: 50px;を指定したく、
どのように特定すれば良いのでしょうか？
html
<span class="fas fa-seedling icon faa-float animated-hover"></span>
<span class="fa fa-gears icon faa-float animated-hover"></span>
<span class="fa fa-rocket icon faa-float animated-hover"></span>
css
.icon {
display: inline-block;
margin-top: 10px;
margin-right: 13px;
font-size: 40px;
width: 2em;
line-height: 2em;
border-radius: 50%;
text-align: center;
background-color: #DDD;
color: #fff;
float: right;
}
回答1件
0
ベストアンサー
何らかのクラス名（あるいはID）を普通に指定すればよいのではないでしょうか。
html
1<span class="fas fa-seedling icon faa-float animated-hover"></span> 2<span class="fa fa-gears icon faa-float animated-hover hoge"></span> 3<span class="fa fa-rocket icon faa-float animated-hover"></span>
css
1.icon { 2 display: inline-block; 3 margin-top: 10px; 4 margin-right: 13px; 5 font-size: 40px; 6 width: 2em; 7 line-height: 2em; 8 border-radius: 50%; 9 text-align: center; 10 background-color: #DDD; 11 color: #fff; 12 float: right; 13} 14 15.hoge { 16 margin-top: 50px; 17}
投稿2019/05/07 12:41
総合スコア1154
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/07 14:53