1つ目の要素を全てmargin-top:0;にしたい
答えは下記の記述 ▼ SCSS & > *:first-child { margin-top: 0; } 要素の直下(>)の全て(*)、最初の要素(first-child)。使う場面が多そうなので備忘録。
hoverした要素以外にhoverを指定する方法
完成形はこのようになります HTMLの記述はこちら <ul id="sampleBox_210213"> <li><a href="#"><img src=&…
CSSでテキスト部分だけ背景画像を表示させる方法
完成形はこのようになります SAMPLE HTMLの記述はこちら <div id="sampleBox_210211"> <p id="sampleTxt_210211">SA…
擬似要素を使って画像と背景色を重ねる方法
完成形はこのようになります HTMLの記述はこちら <div class="sampleBox_210207"> <img src="../images/common/sample_bg01.…
CSSで要素の周りに半透明のボーダーをつける方法
完成形はこのようになります サンプルタイトル HTMLの記述はこちら <div class="sampleBoxA"> <h2 class="sampleTitle">サンプル…
スクロールでフェードイン表示させる方法
DEMOはこちら スクロールしてください。ふわっと表示されます。 フェードイン 手順はこちら jQueryを導入 jQueryを記述していく HTML要素にフェードイン用のクラスをつける フェードインアニメーションのCSSを記述 ① jqu…