Chrome 43における擬似要素のdisplayプロパティーChrome 43で擬似要素に指定したdisplay: table-cellがうまく反映されないことがあった。当初はうまく再現できなかったが、どうもメディア・クエリーを使ってdisplayプロパティーを切り替えており、かつブラウザーをリサイズするなどして能動的に切り替わった時にのみ起こるようだ。 Demo: Pseudo Display on Resize デモではul要素に対して::before擬似要素を使って「lorem」という単語を、それ以下の単語はli要素に直接記述している。それらをすべてdisplay: blockにし、メディア・クエリーを使って幅640px以下の場合にdisplay: table-cellになるようにしてある。ブラウザーのウィンドウ幅を640px以下に変えた場合、横並びに切り替わるはずだが、Chrome 43でのみ擬似要素に指定した「lorem」という単語のみが
