↧
【CSS】:has()セレクター
:has()とは ・子要素や兄弟要素などの存在や状態を条件にして、親要素にスタイルを適用できる ・A:has(B) → A が B を含む場合にスタイルを適用 ・:is() など他の疑似クラスと組み合わせて使える 使用例 /* input を含むラベルを太字にする */...
View ArticleCSS セレクター
要素セレクター p { color: red; } クラスセレクター .title { font-size: 20px; } IDセレクター #main { background: lightblue; } 子孫セレクター div p { color: green; } 子...
View Articleテーブルのヘッダーを固定してスクロール、枠を常に固定する方法
高さが決まっているエリア内で、タイトル行2行を固定して縦スクロール 実現したいこと ・テーブルは 縦スクロールのみ ・ヘッダー行は 固定 ・外枠は太め、セルの罫線は細め ・スクロールバーの有無に応じて外枠がずれない ・テーブルが画面より狭い場合は折り返しなく画面幅にフィ...
View Articleじゃんけんゲーム
はじめに アプレンティスの課題として「じゃんけんゲーム with チートモード」を実装しました。 HTML,CSS 今回はJavaScriptの課題なのでHTML、CSSは用意されたものを使います。 <...
View Article