私のページの head セクションには、次の html があります。
img {
margin-top:5px;
margin-left:15px;
margin-bottom:5px;
margin-right:15px;
}
特定の CSS クラス内のロールオーバー画像に影響を与えるようにこれらのルールを設定しましたが、ページ上の残りの画像は影響を受けないようにしたいと考えています。クラス内でこれらのルールを指定する方法はありますか? 一種の img バリアント ルールのようなものですか?
影響を与えようとしているクラスは、添付のスタイル シートで次のようになります。
.menu {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
width: 500px;
}