css属性选择器，在代码中看到了css的属性选择器好久不用都忘记了用法，在这复习一下

下面为css的代码
.visualeft .components-type.active + div[class*="components-list"] {
  display: block;
}
.visualeft div[class*="components-list"] {
  display: none;
  box-sizing: border-box;
}
.visualeft div[class*="components-list"] img{
  pointer-events: none;
  max- 88px;
  max-height: 88px;
  display: inline-block;
  
}
.visualeft div[class*="components-list"] span{
position: absolute;
top: 110%;
left: 50%;
transform: translateX(-50%);
}

div[class*="components-list"] 还记得是什么意思么？

它是一种css的属性选择器[attribute*=value]    上面代码的意思就是选择器class属性包含‘component-list’的<div>元素