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

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

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

什么是星号和方括号？

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

最佳答案

它选择一个具有类徽标的元素,该元素具有一个祖先,该类在其class属性中具有包装器.例如,请注意类burgerwrapper还会导致在下面选择元素.

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

logo">Not selectedlogo">
    Selected
  logo">
    Selected
  

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