『CSS Secrets』は @Lea Verou による最新の本で、CSS に関する小さな秘密がいくつか説明されています。これは CSSers にとって読む価値のある本です。一定期間読んだ後、私、@全域と @彦子は、関連する読書感想文を W3cplus で公開し、皆さんと共有します。
多くの場合、要素の兄弟要素を異なるスタイルで表示する必要があります。主な使用例は、ユーザー エクスペリエンスを向上させ、大画面での推奨事項のリストを増やすことです。以下にいくつかの使用シナリオを示します。
メール リストまたは同様のテキストベースのリスト表示。リスト項目が少数しかない場合は、それらを個別に表示できます。リスト項目が大きくなるにつれて、リスト内のプレビュー項目の数を減らすことができます。リストの高さがウィンドウの高さよりも高い場合、一部のリスト項目を非表示にしたり、ユーザーがスクロール バーをスクロールせずにリストを参照できるように最後に「さらに表示」ボタンを追加したりすることもできます。
アプリ内のTo-Doリスト（やることリスト）では、いくつかのリスト項目に大きな文字スタイルを設定できますが、リスト項目の数が増えると、リスト項目は大きな文字スタイルに設定されます。フォントサイズが小さくなります。
色を表示するために使用されるパレットアプリ。下図のように、色数が増えるにつれてそのスペースを利用してカラーコントロールパネルをコンパクトにしたい場合があります。
色数が増えるにつれてカラーコントロールポートを縮小し、使用可能なスペースを減らします。特別な場合、色が 1 つしかない場合、削除ボタンは非表示になることに注意してください。
複数の
