JS 赋值不触发 CSS 属性选择器的原因与修正
问题现象
用 JavaScript 动态创建一批按钮塞进容器,然后指望 CSS 的属性选择器根据某个值的不同,给它们配上不同的背景色、透明度和位置。
CSS 是这样写的:
.pbutton[data_value="3"]{background-color:#FDDDDD;opacity:0.7;top:0px;}.pbutton[data_value="3"]:hover用 JavaScript 动态创建一批按钮塞进容器,然后指望 CSS 的属性选择器根据某个值的不同,给它们配上不同的背景色、透明度和位置。
CSS 是这样写的:
.pbutton[data_value="3"]{background-color:#FDDDDD;opacity:0.7;top:0px;}.pbutton[data_value="3"]:hover