カテゴリー:
CSS
閲覧数:16 配信日:2023-12-23 21:48
このエントリーの結論
「直後が A 要素 でない B 要素」を指定するCSSセレクタ
A:not(:has(+ B)) {}
具体例
「直後がsection要素でないh2要素」を指定するCSSセレクタ
h2:not(:has(+ section)) {}
兄弟要素がない場合、CSSかJavascriptで指定要素を非表示にできますか？
Webデザイン
| 順位 | ページタイトル抜粋 | アクセス数 |
|---|---|---|
| 1 | RGB ⇔ Lab | 色変換(色) | 8144 |
| 2 | 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS | 4366 |
| 3 | 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | 色 | 3506 |
| 4 | Design 0 | 3426 |
| 5 | RGBの種類 ／ ビットカラー | RGB(色) | 2447 |
| 6 | Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) | 2386 |
| 7 | 「bgcolor」「background-color」「background」の違い | CSS | 1777 |
| 8 | コズミックブルーが何色か分からない | 色 | 1697 |
| 8 | 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) | 1697 |
| 9 | 「属性」「プロパティ」「アトリビュート」の違い | CSS | 1530 |
| 10 | 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) | 1526 |
| 11 | 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) | 1458 |
| 12 | 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) | 1435 |
| 13 | 16進数カラーコード ／ 2進数 | 1428 |
| 14 | Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) | 1238 |
| 15 | HSLとHSVの違い | 色変換(色) | 1131 |
| 16 | 使用していないCSSをチェックする、標準的な方法を知りたい | CSS | 1013 |
| 17 | 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) | 968 |
| 18 | 黒体 ／ 色温度 ／ D65（6500K）／ D50（5000K）／ K | 色 | 967 |
| 19 | GIFアニメーション | 画像 | 912 |
| 2024/5/10 1:02 更新 |