- このトピックには2件の返信、2人の参加者があり、最後に
により2年、 11ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
-
投稿
-
【お使いの Snow Monkey のバージョン】バージョン: 15.18.0
【お使いの Snow Monkey Blocks のバージョン】バージョン 13.7.3
【お使いの Snow Monkey Editor のバージョン】バージョン 6.2.1
【お使いのブラウザ】chrome
【当該サイトのURL】https://hanatabastudio.jp/### 実現したいこと
疑似要素::afterで配置した画像にもリンクをはりたい
### 発生している問題
文字＋リンクのあとに疑似要素で矢印画像を配置したがリンクをつける方法がわからないでいる。
以前に２カラムでそれぞれに文字と画像を配置しリンクをつけて、CSSで移動させてうまくいったことはあるのですが、疑似要素でリンクをつける方法はないのでしょうか？
### 試したこと
対処方法わからずでした。よろしくお願いいたします。
いいねをした人: 居ませんこんにちは。
こちらはSnow Monkeyに関するフォーラムなので、Snow Monkeyと直結していないCSSについては、回答が得にくいと思います。
擬似要素についてはブログがたくさんありますので、そういった情報も参考にしてみてください。
※細かいですが「疑似」ではなく「擬似」が正しいようで、そのほうが検索もヒットしやすいみたいです。文字＋リンクのあとに疑似要素で矢印画像を配置したがリンクをつける方法がわからないでいる。
.more::afterは<p class="has-text-align-center more"> <a href="https://hanatabastudio.jp/about/">more about</a> ::after </p>こうなるため、aタグに含まれません。
.more a::afterにすれば<p class="has-text-align-center more"> <a href="https://hanatabastudio.jp/about/">more about::after</a> </p>こうなるので、aタグの中に矢印の擬似要素が含まれると思います。
:hover時については、.more a:hover::afterで適用されると思いますので、お試しください。いいねをした人:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
- トピック「疑似要素::afterで配置した画像にもリンクをはりたい」には新しい返信をつけることはできません。