【意外と便利！】特定の子要素を持つ親要素にcssスタイルを適用する方法
【意外と便利！】特定の子要素を持つ親要素にcssスタイルを適用する方法 Web2017年3月27日 「特定の子要素を持つ親要素にcssを適用したい」というケースはしばしばありますが、css3を駆使してもこれを実現するセレクタは存在しません。そこで、jsを使って実現する方法を本記事ではご紹介いたします。jQueryでもVanilla JS（生のjavascript）でもどちらでも可能ですので、サイト環境に合う方法をどうぞお使いください。 サンプルコード html <ul class="hoge"> <li><p>特にスタイルを当てる必要なし</p></li> <li><p>特にスタイルを当てる必要なし</p></li> <li><p class="moge">これの親要素liにだけcssを適用したい</p></li> <li><p>特にスタイルを当てる必要なし</p></li> <li><p
スクロールでふわっと現れるフェードインの動きをjQueryで実装
この記事の結論 すぐに実装したい方はこちら フェードは雰囲気作りや強調に使うのが効果的。 ブログは文章がメインなのであまり適していない。アイキャッチなどを強調するならOK ホームページでよく見かける スクロールすると要素がふわっとフェードする動きありますよね。 具体的には以下のような感じ。 あーこれか。見たことあるな。なんかオシャレっぽいやつな どうやらフェードがこの記事にも実装されているようですね。 ぶっちゃけブログだと見づらいよね。 文章読みたいだけなのに何フェードしてんだよっていう このようなふわっとした動きは、 jQueryのプラグインを使えば簡単に実装することは出来るのですが、 今回は備忘録も兼ねて1から作ってみました。 コメントも入れているので、 jQueryを勉強中の方は是非参考にしてみてください。 完成コード まずは今回作ったコードを先に載せておきます。 そのままコピペで動
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://spyweb.media/2018/01/10/css-media-queries-in-js-matchmedia/
