真実は、新しい言語を学ぶことは精神的な変化のようなものです。翻訳から新しい言語で直接考えることに移行し、最終的には夢を見ています。この同じ現象は、新しいCSS構文、特に論理的特性の習得に適用されます。 「aha!」直感的な理解の瞬間は信じられないほどやりがいがあります。
ただし、現在のCSS実装は課題です。多くの開発者は、 padding-inline
やmargin-inline
などの論理的特性を採用していますが、一貫した使用法はとらえどころのないままです。この矛盾は、私たちが求めるシームレスな精神的移行を妨げます。
たとえば、 inline-size
はwidth
の論理的な代替品を提供しますが、今後の@container
クエリは当初この一貫性を破るように見え、 min-width
とmax-width
への戻りを必要とします。幸いなことに、最近のドラフトは、この問題が解決される可能性があることを示唆しており、 @container
クエリ内の論理的または物理的特性のいずれかを可能にする可能性があります。理想的には、明確にするために論理的な特性のみがサポートされますが、最終決定は差し迫っているように見えます。
注意が必要なもう1つの領域は、 overflow-*
プロパティの論理的同等物の欠如です。 overflow-inline
( overflow-x
に相当する論理)が存在しますが、ブラウザのサポートは現在Firefoxに限定されています。
これらの矛盾にもかかわらず、多数の論理的特性は、 size
、 position
、 margin
、 padding
、 border
、 alignment
などの直感的な使用の準備ができています。 border-top-left-radius
のようなプロパティでさえ、論理的なカウンターパート( border-start-start-radius
など)があり、 float: inline-end
float: right
置き換えられます。よりクリーンで直感的なCSS開発の可能性は重要です。
以上が故障したロジックの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。