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

Question

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

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

什么是星号和方括号？

很难在谷歌上搜索[和*...如果问题是愚蠢的话,很抱歉.

Answer 1

它选择一个具有类的元素,该类logo具有wrapper在其class属性中具有某个位置的祖先.例如,请注意该类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/.