css属性选择器*=与~=的区别

 写法上

 div[class*="red"] {
            background: red;
        }

 
        div[class~="red"] {
            background: red;
        }

*=表示这个属性值包含red就可以 比如class="ared"

~=表示这个属性值必须是red不能多也不能少 只能是class="red"才可以选中