0

すべての画像とホバー効果の周りに境界線を作成する次のコードがありますが、選択した画像 (つまり、ソーシャル ボタンまたはロゴ) でこれを無効にするにはどうすればよいですか?

img {
    padding: 5px;
    border: solid 1px #EFEFEF;
}
a:hover img {
    border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999;
}
4

4 に答える 4

1

境界線を付けたい/付けたくない画像にクラスを追加し、代わりに css でクラスを使用して異なるスタイルにすることができます。

于 2013-10-10T10:49:32.577 に答える
0

使用css not selector

このような

html マークアップ

<div>
<img src="http://images03.olx.in/ui/3/20/99/45761199_1.jpg" alt="not found"/>
    <img src="http://i1-news.softpedia-static.com/images/news2/Facebook-Changes-Font-Size-Users-Grab-Their-Pitchforks-2.jpg" alt="not found" class="noborder"/>
</div>

CSS

img:not(.noborder) {
    border: 2px solid red;
}

ドキュメントを参照して、ここで使用してください

デモフィドル

于 2013-10-10T10:52:30.320 に答える
0

たとえば、画像へのフルパスをcssに書き込む必要があります。

 div.hover-img ul li p a:hover img {
     border: solid 1px #CCC;
     -moz-box-shadow: 1px 1px 5px #999;
     -webkit-box-shadow: 1px 1px 5px #999;
         box-shadow: 1px 1px 5px #999; }

この追加のクラス.hover-imgと画像へのパスは、ホバー位置で縁取りする必要がある画像のみを識別するのに役立ちます。

于 2013-10-10T10:53:20.267 に答える