2017-06-21 7 views
0

ブラウザはより長い:notチェーンを最適化できますか、パフォーマンスに悪影響を及ぼしますか?CSS:パフォーマンスではありません

簡略化した例は:

.animal:not(.cow):not(.dog):not(.cat):not(.bird):not(.unicorn):not(.tiger) { 
    display: none !important 
} 

の背後にある考え方は、私はそれらの動物を非表示にしたいが、私はそれらの動物がスタイリングされているのか分からない

  1. ということです。例えば。 cowdisplay:tabletigerdisplay:flex.unicornを持っているかもしれませんが、でもdisplay: none
  2. を持っているかもしれない、私は、私はCSSについて読んだ本やその他の記述によると、動物本来のセレクタ
+3

最適化のゴールデンルールに従ってください。パフォーマンスの問題が発生したときだけ最適化します。 CSSのパフォーマンス上の問題を引き起こすためには非常に努力する必要があり、いくつかの ':not()'は問題を起こす可能性は低いです。もっと気になるのは、あなたのコードがスケーラブルに見えないことです。あなたが表示したくない新しい種類の動物があるたびに、それを変更しなければなりません。 –

+2

'* {margin:0;パディング:0; } 'あなたは安全でなければなりません:p 2について、最大の特異性について知識がある人は、クラスの数に' .animal.animal.animal' =( 0,0,3,0)。しかし、 'display:none'に'!important'を追加することは、制約のために私にとっては良いようですが、将来はマージンや色として迷惑にならない – FelipeAls

答えて

1

の特異性について、それを知らないかもしれません問題はないようです。これは約Selector Performanceについての優れた本の抜粋です。

関連する問題