css“[class*=my-class].my-subclass”在做什么？

我继承了一些 css，并且在网上到处搜索以了解 css 块所表达的内容，如下所示：

 [class*=wrapper] .logo {
                padding-top: 32px !important;
            }

星号和方括号的作用是什么？

在谷歌上搜索 [ 和 * 很困难......如果这个问题很愚蠢，我很抱歉。

它选择一个具有类的元素logo它有一个祖先wrapper在其类属性中的某处。例如，请注意该类burgerwrapper也导致下面的元素被选择。

[class*=wrapper] .logo {
  color: #f99;
}

<div class="logo">Not selected</div>

<div class="wrapper">
  <div class="logo">
    Selected
  </div>
</div>

<div class="burgerwrapper">
  <div class="logo">
    Selected
  </div>
</div>

See http://css-tricks.com/attribute-selectors/有关属性选择器的一些背景信息。