投稿

5月, 2018の投稿を表示しています

css3の:empty疑似要素が効かない罠

先生!どうしてもcss3の:empty疑似要素が効きません!どうして! HTML <body> <div class="test"> </div> <div class="test"> I will be pink. </div> </body> CSS3 .test { background: pink; height: 80px; width: 80px; } .test:empty{ background: lime; } それはね… 余計な改行とスペースが入っている からだよ!! 正しく動作するHTMLはこちら。 <body> <div class="test"></div> <div class="test"> I will be pink. </div> </body> 些細だけど、大切。デリケートな子だからね。