下面为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>元素