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-width: 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>元素
龙丘居士亦可怜,谈空说有夜不眠。
忽闻河东狮子吼,拄杖落手心茫然。
多有画面感