css - 这是一个好的选择器吗？

Question

我对这个 CSS 选择器有些困惑。而这段代码的性能是好是坏。

[class*=thumb] [class*=_child]> * > h3,
[class*=thumb] [class*=_child]>* p,
[class*=sidebar] [class*=gallery] h3 {
    height:56px;
    overflow:hidden;
    margin-top:2px;
    font-weight:400;
}

Answer 1

好吧，第一个选择器首先会寻找类名称中任何地方包含“thumb”的类的任何元素——但是我不确定如果没有引号它会如何执行。下一个选择器也是如此，但使用“_child”字符串，它正在查看前一个选择器的所有子选择器。然后它会继续选择满足此条件的所有内容(这有时会导致意外问题向前发展)，然后是这些的所有子 h3。

所以这看起来是一个极其复杂的布局，充满了可能的错误，并且可以通过在 DOM 中更深入地添加一个类来使其变得简单得多。