0

HTMLで定義された一連の画像があり、「何かユニークな」クラスが与えられ、ワードプレスの魔法を使って、それを識別するためのクラスやIDのないアンカーでラップされています。私は結局...

<a href="http://test.com/DSC_0042.JPG" title="Details of image">
    <img class="picasa-image alignleft" width="150" height="150" alt="DSC_0042.JPG" src="http://picasa-image.url/s150-c/DSC_0042.JPG" title="Details of image">
</a>

で選択することで画像にルールを設定できますが、画像を.picasa-image左にフロートさせると無視されます。アンカータグを外すと、正しく浮きます。アンカーを左にフロートさせると、正しくフロートします(ただし、ページ上の他のすべてのアンカーはフロートします)。

cssで画像を含むアンカータグのスタイルを設定するにはどうすればよいですか。

4

1 に答える 1

0

!importantこれを行う最もクリーンな方法は、別のより具体的なルール(たとえば、より高いセレクターの特異性または宣言)を使用して、画像を左にフロートさせないルールをオーバーライドすることです。

それ以外の場合、回避策は、あなたが言ったように、画像とのすべてのリンクを左にフロートさせることです。cssには祖先セレクターがないため、特定のセレクター属性を使用して、他の方法でこれらのリンクをターゲットにする必要があります。

a[href$=".JPG"] { float : left }

.JPGを指すすべてのリンクをターゲットにするか、それらのリンクがwww.test.comで始まる場合、別の可能性はターゲットにすることです

a[href^="http://test.com"] { float : left }

または、それらのリンクにクラスを適用するだけです。

于 2012-04-07T12:03:22.527 に答える