html - CSS でアイコンのサイズを設定する

Question

私は JSF に取り組んでおり、このコードを使用してエラー ボックスを表示しています。

<div class="pnx-msg pnx-msg-warning clearfix">
    <i class="pnx-msg-icon pnx-icon-msg-warning"/>
</div>

<i class.../>パーツに警告アイコンがインポートされます。デフォルトのサイズは 36 ピクセルですが、24 ピクセルにサイズ変更する必要があります。どうすればいいですか？

ありがとう！

Answer 1

次のように、フレームワーク CSS をオーバーライドして (使用していると思います)、必要に応じてサイズを設定できます。

.pnx-msg-icon pnx-icon-msg-warning {
    width: 24px !important;
    height: 24px !important;
}

"!important" プロパティは、コードがフレームワークのコードよりも優先されるようにします。正しいプロパティをオーバーライドしていることを確認してください。フレームワークがどのように機能しているかはわかりません。これは!重要な使用法の例にすぎません。