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

Question

我继承了一些 css，我在网上到处搜索以了解看起来像这样的 css block 所表达的内容:

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

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

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

Answer 1

它选择一个类为 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>

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