20 May

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

20 December

擬似要素　:after　:before　が　img指定では効かない

http://jeffreyfrancesco.org/weblog/2011051101/

img に直接指定すると効かない

div img{
content:"aaaaaaa";
}

imgをなんらかのタグで囲い、そのタグに指定すると効く
上記URLの説明を読んでわかった
擬似要素の挿入される場所は、

<p>:before　～～～～～　:after</p>

<img>は閉じタグがないので、擬似要素が挿入される場所がないということ。
いつもどおり:beforeとかで装飾しようと思って、できないでないおかしいおかしいって
無駄に時間を過ごしてしまった･･･。
今までimgに直接指定したことがなかったから気づかなかった。