todays_mitsui https://blog.hatena.ne.jp/todays_mitsui/ 無駄と文化 https://blog.mudatobunka.org/ HTML CSS 108つあるHTMLタグの中には置換要素と呼ばれるものがあるらしい。 簡単に言えば<img>タグのようなテキスト以外のものが描写される要素なんですが、その置換要素にはナントCSSの::before擬似要素や::after擬似要素が使えません。 これが非常に不便で、私のような『最小のマークアップにCSSぶちかまして上手いことやってやろう主義者』にとっては::before擬似要素のような隠された要素こそが生命線なんです。 画像をテキストに置き換えたい まずやりたかったことを説明しよう。 HTML上は<img>タグが記述されているところを、CSSのみでテキストに置き換えたかった。 青写真はこう、 <… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.mudatobunka.org%2Fentry%2F2015%2F07%2F18%2F112106" title="置換要素に::before使えなくてツラい問題 - 無駄と文化" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2015-07-18 11:21:06 rich https://blog.mudatobunka.org/entry/2015/07/18/112106 1.0 100%