直前の要素、直後の要素 | 「CSS」カテゴリー

目次一覧

　状態:結論(後で見返す用) 　閲覧数:563 　投稿日:2025-01-01 　更新日:2025-01-01

h4直前のh3

h3:has(+ h4){

 margin-bottom:0.5em;

}

h3直後のh4

h3 + h4 {

  margin-top:0;

}

順位	ページタイトル抜粋	％
1	直前の要素、直後の要素	64
2	親要素の背景色を、CSSで打ち消したい	27
3	擬似要素	27
4	廃止されたHTML要素の属性	24
5	CSSで直前の要素を取得するセレクタはない。ので、直後の要素を取得してマイナス設定値を指定しました。	23
6	インライン要素のまま、上下marginを適用させる	22
7	aタグで複数のブロック要素を囲むやり方	20
8	以前のHTML対応	20
9	主要サイトの横幅と、メイン広告の大きさを調査	18
10	フォーム要素に対する(私の)CSS適用ルール	18
11	親要素の横幅を越えたヘッダー／レスポンシブ対応	18
12	「:after擬似要素」は、Chromeの「要素を検証」で確認できない	17
13	組積造。高さが異なる要素を、上からレンガ状に配置	17
14	背景画像を要素幅一杯に広げ、リサイズにも対応させる	17
15	要素毎に順番で背景色変更	17
16	HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い	16
17	要素の alt 属性と、要素の違い	16
18	「隣接する直前要素」で「最初の要素以外」を指定するCSSセレクタは、囲う要素直前要素:not(:first-child):has(+ 直後要素){}	16
19	指定要素の(内容で)2番目以降最後まで。要素:nth-of-type(n+2)	16
20	「兄弟要素の兄要素を選択するCSSセレクタ」は存在しない	15
	2026/9/03 13:21 更新

順位

ページタイトル抜粋

％

2026/9/03 13:21 更新

順位	ページタイトル抜粋	アクセス数
1	Design 0	7
2	キャラクター無料作成ジェネレーター／ FLASH ／オンラインサービス \| イラスト参考(デザイン)	3
3	「東京都」のカラーコード取得は難しい \| カラーコード(色)	2
3	RGB → HSL 変換式／約分対応	2
3	CopyTabTitleUrl \| Chrome 拡張機能	2
3	Sword Art Online dress up game	2
3	Fireworks で背景画像透明化 \| Fireworks CS3(Fireworks)	2
4	計算方式の違いは色々な設定が可能だから	1
4	HTML Instant を選択した理由／動作確認例	1
4	これまでの経緯／私が考える、FontAwesome の問題点／ 1.CDNが落ちると、自分のサイトが表示されなくなる	1
4	Chrome コンソール画面で CSSの:hover 適用スタイルを確認 \| Google Chrome(ブラウザ)	1
4	このエントリーの結論／主な機能と使い方／補足	1
4	絶対パス \| HTML	1
4	height:100%;の効果を打ち消す(あるいは上書きする)には、height:auto!important; \| CSS	1
4	align-items: center;	1
4	「Google Chrome」を再起動するためには「chrome://restart」へアクセスします。 \| Google Chrome(ブラウザ)	1
4	「水彩画」画像フィルタ実行例 \| 画像フィルタ(画像)	1
4	Fireworks が開発終了したと思われる理由	1
4	HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い \| HTML5(HTML)	1
4	RGBの種類／ビットカラー \| RGB(色)	1
	2026/9/3 5:05 更新

順位

ページタイトル抜粋

アクセス数