6

CSS を使用して画像に素敵なグロー効果を作成する方法を示す、この非常に美しい例を分析しています。

http://jsfiddle.net/necolas/KbNq7/

例のこの特定の行は、次のように述べています。

このメソッドは Firefox 4 でのみ完全な効果を生み出しますが、他のブラウザーは最終的に追いつき、 疑似要素への遷移を適用します。

疑似要素とは？

4

2 に答える 2

10

疑似要素は、要素の一部を特別な方法で操作する CSS セレクターです。

それらには以下が含まれます：

  • :first-line
  • :before
  • :after

応用

擬似要素は次のように適用されます

p:first-letter{
    color:black;
    font-style:italic;
}

注:セレクターの:後に続くのは、CSS1 および CSS2 で疑似要素がどのように示されるかです。::CSS3 では、疑似クラスと区別するために二重コロン ( ) が使用されます。

詳細はこちら: http://reference.sitepoint.com/css/pseudoelements

サポート

多くのブラウザーのサポートは適切ですが、古いバージョンの IE はサポートが著しく貧弱です。QuirksMode には互換性表があります (少し古いですが、まだ役に立ちます): http://www.quirksmode.org/css/contents.html#t15

クールなトリック

疑似要素は、次のようなクールなことを行うことができます。

  1. 印刷されたドキュメントのリンクの URL を表示する
  2. 偽物float:center;

詳細はこちら: http://css-tricks.com/9516-pseudo-element-roundup/

jQueryで

jQuery にはselectors、ネイティブ CSS グループを強化および拡張するいくつかの固有のものがあります。

http://api.jquery.com/category/selectors/

注: jQuery を使用して、古いブラウザーに特定のルールを適用させることができます。たとえば、IE6 は無視し:last-childます。jQuery を使用すると、IE6 にそのスタイルを適用させることができます。

スペック

http://www.w3.org/TR/CSS2/selector.html#pseudo-element-selectors

于 2011-10-13T17:26:47.923 に答える
2

それはdomの要素ではありません。セレクターで選択できるもの、特に:.

http://www.htmldog.com/guides/cssadvanced/pseudoelements/

于 2011-10-13T17:26:26.830 に答える