css - pxの間にスペースがあることの違いは何ですか？

Question

違いは何ですか：

border-right: 1px dotted #CCCCCC;

と：

border-right: 1 px dotted #CCCCCC;

ありますか？

2番目は間違っていますか？すぐ隣に番号が必要pxですか？

Answer 1

「長さの値（<length>この仕様で示されている）の形式は、<number>（小数点付きまたはなし）の直後に単位識別子（px、emなど）が続きます。長さがゼロの場合、単位識別子は次のようになります。オプションです。」

出典：http ：//www.w3.org/TR/CSS21/syndata.html#length-units

言い換えると、「px」の前にスペースがあることは構文上の誤りです。CSSを検証しましたか？

Answer 2

CSS仕様から：

長さの値（<length>この仕様ではで示されます）の形式は、<number>（小数点付きまたはなし）の直後に単位識別子（px、emなど）が続きます。長さがゼロの場合、ユニット識別子はオプションです。

したがって、番号の直後にユニット識別子が来るはずです。ブラウザが異なれば、これも異なる方法で適用される可能性がありますが、疑わしい場合は、仕様の内容に従ってください。

乾杯

Answer 3

border-right：1pxドット#CCCCCC; 正しい

border-right：1ピクセルの点線#CCCCCC; 間違っている

これは、「1px」や「1」のように長さを定義する方法は複数あるためですが、問題は、「1 px」のようにスペースで区切ると、幅が「1」で次の分類子が「」と見なされるためです。 px」。つまり、間違った例では、cssは「ドット」ではなく「px」を入力しようとしていると考えています。残りのコードについても同様です。問題は、間違った例ではセレクターが多すぎるため、コードが混乱して機能しないことです。

Answer 4

私はワードプレスを使用していますが、メディアクエリが機能しませんでした。完全に無視されました。これが問題であることに気付くのにイライラする時間を費やしました。pxの前にスペースがありました（例：「648px」ではなく「648px」）。

ほとんどの場合は正常に機能しますが、間にスペースを残さないことをお勧めします。