☰

1つの要素に2つのCSSクラスを使用する 質問する

tag-icon • tag-icon css class
1つの要素に2つのCSSクラスを使用する 質問する

ここで何が間違っているのでしょうか?

があります.social divが、最初のものでは上部にパディングをゼロにし、2 番目では下部の境界線をなくしたいです。

最初と最後にこれ用のクラスを作成しようとしましたが、どこか間違っていると思います。

.social {
    width: 330px;
    height: 75px;
    float: right;
    text-align: left;
    padding: 10px 0;
    border-bottom: dotted 1px #6d6d6d;
}

.social .first{padding-top:0;}

.social .last{border:0;}

そしてHTML

<div class="social" class="first">
    <div class="socialIcon"><img src="images/facebook.png" alt="Facebook" /></div>
    <div class="socialText">Find me on Facebook</div>
</div>

2 つの異なるクラスを持つことはできないのでしょうか? もしそうなら、どうすればできますか?

ベストアンサー1

1 つの要素に 2 つのクラスが必要な場合は、次のようにします。

<div class="social first"></div>

次のように CSS で参照します。

.social.first {}

例：

https://jsfiddle.net/tybro0103/covbtpaq/

おすすめ記事