1. まとめトップ

【スタイルシート】疑似要素と重なりとブレンド(参照すべきページ)

自分では編集できないページや WEB アプリの外観を調整するために、疑似要素と重なり(z-index≒配置順)、ブレンドについて調べた際の参照先のまとめです。

更新日: 2017年01月07日

3 お気に入り 2075 view
お気に入り追加

この記事は私がまとめました

マスオさん

まずは z-index を知っておく

疑似要素を使うにせよ、ブレンドをするにせよ、HTML における配置順をわかっていないと、結局ハマることになります。

色をなんとかしたいからブレンドモードを使うことを考える。

色が思い通りにコントロール出来ない時、ブレンドモードを使ってなんとかならないかを考えてみることもあります。

疑似要素(:after、:before)は、改造の基本かもしれない

改造と言っても、見た目だったり、表示する要素(情報)を増やすだけかもしれませんが、それでもページ内に存在する情報をなんとか表示させたいと思うのです。

以上、参照先のみをまとめました。

1