::before
タグを含むCSSコードを見ました。私は::before
が何であるか見るためにMDNを見ましたが、私はそれを本当に理解しませんでした。誰かがそれがどのように動作するか説明できますか? CSSで選択する前にDOM要素を作成しますか?beforeとbeforeの違いは何ですか?
答えて
これは、疑似要素を疑似クラスと区別します。
擬似クラスと擬似要素との間の差は私の知る限り、CSSワーキンググループは一つだけコロンを有する擬似クラスと区別するために付加的なコロンと擬似要素をプレフィックスすることを決定しhttp://www.d.umn.edu/~lcarlson/csswork/selectors/pseudo_dif.html
擬似クラスと擬似要素の区別を確立するために、:: before記法(2つのコロンで)がCSS3で導入されました。ブラウザは、CSS2で導入される前の表記法も受け入れます。ソース:https://developer.mozilla。org/en-US/docs/Web/CSS/:: beforeこれまでのように、擬似クラスではなく、擬似クラス(hover)ではなく、2つのコロンが良い(したがってCSS3標準に従う)。 – JoostS
それらのドキュメントによれば、それらは等価である:1つのコロンは、レガシーバージョンである一方
element:before { style properties } /* CSS2 syntax */
element::before { style properties } /* CSS3 syntax */
唯一の違いは、二重コロンをCSS3で使用されることです。
推論:
::表記は擬似クラスと擬似要素間 識別を確立するためにCSS 3に導入される前に。ブラウザ も、CSS 2で導入された前の表記を受け入れます。
これらは本質的に同じことを意味します。 ::
は、擬似要素(:beforeと:afterなど)と擬似クラス(linkや:hoverなど)を区別するのに役立つCSS3に導入されました。
1つはCSS2(:before)ウェイ、もう1つはCSS3(:: before)です。現在、CSS2 & CSS3をサポートするブラウザでは互換性があります。ここで
- 1. RSpecでは、before(:suite)とbefore(:all)の違いは何ですか?
- 2. ";" before 'namespace'と ";" before 'using'
- 3. @Beforeと@Transactional
- 4. Before Databinder.Eval
- 5. Java split beforeとstop
- 6. 「期待している」エラーは何ですか; before obj '' mean?
- 7. トリガー(AFTER/BEFORE)Mysqlで
- 8. WiX SetProperty - Before/After属性の可能な値は何ですか?
- 9. mochaのグローバル `before`と` beforeEach`?
- 10. Spotify puzzle Best Before
- 11. before window.onload event
- 12. hasClass before removeClass - jQuery
- 13. php date before 1970
- 14. StrictMode before 2.3
- 15. error:expected '} else before
- 16. error:expected ')' before 'n'
- 17. MySQLのタイムスタンプから "Time Before"
- 18. Java - @Beforeと@test注釈
- 19. @routesは "before(:all)"の前と "before(:each)"の後に作成されますか?レールプロジェクトで
- 20. jQuery Blur Fire hires before
- 21. @ before関数なぜ
- 22. javascript:plus symbol before変数
- 23. C++: "error:expected '、' or '... before'( 'token')
- 24. NSString "Expected": 'before'] 'token'エラー
- 25. SQL Server @@ rowcount before limit
- 26. Sql Server 2008 - BEFOREトリガー?
- 27. Jquery Show Image Before .load()
- 28. jQuery + .before()+ var = not working?
- 29. C#OnまたはBefore DateTime
- 30. なぜコハナはbefore()とafter()を使用するのですか?
に記載されています。 –
...そして、二重コロン表記はIE8では実装されていないので、 ':: before'を使い始める前に、(2016年のように)市場から流されるまで待たなければなりません。素晴らしい仕事、Microsoft '-.-' –
疑似要素はCSS1以来存在しています。最初の疑似要素は ':first-letter'と':first-line'でした。 – BoltClock