Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS：不是性能_Css_Css Selectors - Fatal编程技术网
Fatal编程技术网
  • css/
  • CSS：不是性能

CSS：不是性能

css

CSS：不是性能,css,css-selectors,Css,Css Selectors,浏览器是否能够优化较长的：而不是链，或者这会对性能造成负面影响 简化示例： .animal:not(.cow):not(.dog):not(.cat):not(.bird):not(.unicorn):not(.tiger) { display: none !important } 背后的想法是我想把那些动物藏起来但是 我不知道那些动物是怎么做的。例如，cow可能有display:table，tiger可能有display:flex和。独角兽甚至可能有display:none 我不知道动

浏览器是否能够优化较长的
：而不是
链，或者这会对性能造成负面影响

简化示例：


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


背后的想法是我想把那些动物藏起来但是


  • 我不知道那些动物是怎么做的。例如，
    cow
    可能有
    display:table
    ，
    tiger
    可能有
    display:flex
    和
    。独角兽甚至可能有
    display:none
    • 

  • 我不知道动物原选择子的特异性
    • 

    根据我读到的关于CSS的书籍和其他著作，这似乎不是一个问题。这是一本优秀的书（CSS的可扩展和模块化体系结构-Jonathan Snook）摘录。
    遵循优化的黄金法则：当您发现性能问题时进行优化，只有在出现问题时才进行优化。您必须非常努力才能导致CSS性能问题，而一些
    ：not（）
    s不太可能导致问题。更令人担忧的是，您的代码看起来不太可伸缩；每次你有一种新的不想显示的动物时，你都必须改变它。与
    *{margin:0；padding:0；}
    相比，你应该是安全的：p大约2，如果你对最大特异性有一个有根据的猜测，一个技巧是将类的数量乘以。。。与
    .animal.animal.animal
    =（0,0,3,0）相同的类。但是添加
    ！重要信息
    至
    显示：由于限制，无
    对我来说似乎没问题，将来不会像空白或颜色那样令人讨厌链接似乎断了，你能更新它吗，或者至少给出标题和作者姓名吗？UPD：是的，他们使用http而不是https