ここにワードプレスのページを設定しています。それは私がばかげていることを知っているテーブルを使用しますが、クライアントが編集するときに彼らが何をしているかを見ることができるように、バックエンドでも視覚的なレイアウトを設定するための最良の方法でした。
とにかく、「tr :: after」cssを使用して、各テーブル行の後に表示される区切り画像があります。これは、Internet Explorerを除いて、どのブラウザでも問題なく表示されます。InternetExplorerでは、テーブルの行の下に表示される代わりに、セパレータが2番目の列を縮小し、その横に表示されます（画像）
ここで何が起こっているのか理解できないようです。
IE 8+ は:after疑似要素をサポートしています- 単一のコロン (:) に注意してください
上記のリンクによると、IE バージョンはありません (ただし、IE 10 はこのリストに含まれていません) 2 つのコロンの疑似要素をサポートしています
編集：
IE 9+ は 2 つのコロンの疑似要素をサポートします (@BoltClock が言及しているように、CSS3 ::before および ::after 疑似要素は IE9 でサポートされているかどうか) 。
:hover疑似要素をやのような疑似クラスから区別するために作成されたCSS3構文のみを使用しています:focus。後のターゲットは要素の状態::afterをターゲットにしますが、ターゲットに続く疑似要素をターゲットにします。
Internet Explorer 8は、他のブラウザーと同様に、CSS2バージョンをサポートしています。CSS3構文のサポートは、Internet Explorer 9まで追加されませんでした。完全な互換性が必要な場合は、両方を提供するか、IE8コメント内で以前のCSS2構文を提供できます。
MSDNドキュメントには、次のように記載されています。
Windows Internet Explorer 8、およびIE8標準モードのWindows Internet Explorerの新しいバージョンでは、この疑似要素の1コロン形式のみが認識されます（つまり、：after）。
