css 3擬似要素を認識する

css 3擬似要素
css 2の規定は単一のコロンで表示され、css 3はすでに偽類が単一のコロンを使用することを明確に示し、偽要素が二重のコロンを使用することを明らかにし、今回のすべてのテストは二重のコロンである.
読者にとっては、冗長に見えるところもありますが、これはテストのために仕方がありません.全面的に書かれていないか、間違いがある場合は、アドバイスしてください.
::selection
ユーザーが選択したスタイルの一部を変更
ブラウザのサポート
IE
FireFox
Chrome
Safari
Opera
Edge
360
サポート
サポート
サポート
テストなし
サポート
サポート
サポート
IE 9+、Opera、Google ChromeおよびSafariでサポートされている::selectionセレクタ.Firefoxは代替:-moz-selectionをサポートします.
コードの例

    
    
    


    

        ::selection        ,         ，      
    

 

w3cshool,css3::selection
::before
エレメントがコンテンツを表示する前に、いくつかのスタイルを行います.
ブラウザのサポート
IE
FireFox
Chrome
Safari
Opera
Edge
360
サポート
サポート
サポート
テストなし
サポート
サポート
サポート
IE 9には、バージョン9以上のサポートによるデュアルコロンが含まれています
コードの例

w3cshool,css :before
::after
プロジェクトでの応用
要素がコンテンツを表示した後に、いくつかのスタイルのコンテンツ操作を行います.
ブラウザのサポート
IE
FireFox
Chrome
Safari
Opera
Edge
360
サポート
サポート
サポート
テストなし
サポート
サポート
サポート
IE 9には、バージョン9以上のサポートによるデュアルコロンが含まれています
コードの例

    
    
    


    

        before    
        after    
                 
          ！
    

w3cshool,css :after
::first-letter
要素の内容の最初の文字のスタイル操作
ブラウザのサポート
IE
FireFox
Chrome
Safari
Opera
Edge
360
サポート
サポート
サポート
テストなし
サポート
サポート
サポート
IE 9には、バージョン9以上のサポートによるデュアルコロンが含まれています
コードの例

    
    
    


    

        CSS                  。

         CSS                    。

    

w3cshool,css :first-letter
::first-line
要素コンテンツの最初の行のスタイル操作
ブラウザのサポート
IE
FireFox
Chrome
Safari
Opera
Edge
360
サポート
サポート
サポート
テストなし
サポート
サポート
サポート
IE 9には、バージョン9以上のサポートによるデュアルコロンが含まれています
コードの例

    
    
    


    

        CSS                  。

         CSS                    。

    

w3cshool,css :first-line
まとめ
今回はcss 3で規定されている二重コロンをテストするだけで、主流ブラウザで二重コロンを実現できます.読者がより良い互換性を望んでいる場合は、IE 9以下には互換性がないことがわかりますが、これらのユーザーにもかなりの部分を占めているため、単一のコロンを使用することをお勧めします.