html cssについて

cssについての質問です <div class="footer-bootom">
<!--sns-->
<ul class="footer-sns-list-group">
<li class="footer-sns-list-item">
<a href="#"><i class="bi bi-instagram"></i></a>
</li>
<li class="footer-sns-list-item">
<a href="#"><i class="bi bi-youtube"></i></a>
</li>
<li class="footer-sns-list-item">
<a href="#"><i class="bi bi-facebook"></i></a>
</li>
<li class="footer-sns-list-item">
<a href="#"><i class="bi bi-twitter"></i></a>
</li>
classのbi bi-twitter要素の大きさを変化させたいのですが.bi bi-twitter{
height:150px;では変化しませんやりかたを教えてください

No.3 ベストアンサー 回答者： ssawatake 回答日時： 2023/05/14 12:26

.bi-twitte {height:150px;}

で上手く行くと思います。

この回答へのお礼

有り難う御座いました

お礼日時：2023/05/17 13:02

No.2 回答者： ssawatake 回答日時： 2023/05/13 14:09

class="bi bi-twitter"は、

.biと.bi-twitterの2個を一遍に引用するやり方。

どっちのclassにheight:150px;をいれたいの？？？

この回答へのお礼

.bi-twitteですありがとうございます

お礼日時：2023/05/14 07:29

No.1 回答者： bx2 回答日時： 2023/05/13 12:59

biクラス と bi-twitterクラス の両方がある要素の書き方は .bi.bi-twitter {} です。

この回答へのお礼

ありがとうございます

お礼日時：2023/05/14 07:29