0
ブラウザはより長い:not
チェーンを最適化できますか、パフォーマンスに悪影響を及ぼしますか?CSS:パフォーマンスではありません
簡略化した例は:
.animal:not(.cow):not(.dog):not(.cat):not(.bird):not(.unicorn):not(.tiger) {
display: none !important
}
の背後にある考え方は、私はそれらの動物を非表示にしたいが、私はそれらの動物がスタイリングされているのか分からない
- ということです。例えば。
cow
はdisplay:table
、tiger
display:flex
と.unicorn
を持っているかもしれませんが、でもdisplay: none
- を持っているかもしれない、私は、私はCSSについて読んだ本やその他の記述によると、動物本来のセレクタ
最適化のゴールデンルールに従ってください。パフォーマンスの問題が発生したときだけ最適化します。 CSSのパフォーマンス上の問題を引き起こすためには非常に努力する必要があり、いくつかの ':not()'は問題を起こす可能性は低いです。もっと気になるのは、あなたのコードがスケーラブルに見えないことです。あなたが表示したくない新しい種類の動物があるたびに、それを変更しなければなりません。 –
'* {margin:0;パディング:0; } 'あなたは安全でなければなりません:p 2について、最大の特異性について知識がある人は、クラスの数に' .animal.animal.animal' =( 0,0,3,0)。しかし、 'display:none'に'!important'を追加することは、制約のために私にとっては良いようですが、将来はマージンや色として迷惑にならない – FelipeAls