エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSS の :after でアイコン追加と上下中央配置
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS の :after でアイコン追加と上下中央配置
スマホのリンク付きのリスト一覧などでよく見る右側の とか のアイコンが付いたリスト。アイコンが丁度... スマホのリンク付きのリスト一覧などでよく見る右側の とか のアイコンが付いたリスト。アイコンが丁度各リストの中央に来るようにする方法です。 擬似要素 :after を利用IE6 を対応させるなどの条件のために、これまでは直接 img 要素で入れたり background-image として入れることが多かったアイコンですが、スマホ対応だったりモダンブラウザのみの対応の場合は、擬似要素の :after が活用できるようになりました。 CSS2 で導入された時点ではコロンは1つでしたが、CSS3 ではコロンが2つの ::after も利用できるようになっています。擬似クラスが増えた際に擬似要素と擬似クラスを明確に分けるために、 after や before などの擬似要素はコロン2つとなりました。 現状では :after も ::after もどちらも利用できる状況のため、どちらを使っても大丈