CSS：不是性能

Question

浏览器是否能够优化更长的:not链，或者这会导致性能负面影响吗？

简化示例：

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

背后的想法是我想隐藏这些动物但是

1. 我不知道这些动物的造型如何。例如cow可能有display:table，tiger可能有display:flex，.unicorn甚至可能有display: none
2. 我不知道动物原始选择器的特殊性

Answer 1

根据我读到的有关 CSS 的书籍和其他著作，这似乎不是问题。这是一本关于选择器性能的优秀书籍（CSS 的可扩展和模块化架构 - Jonathan Snook）摘录。