CSS中属性选择器进阶用法

一：设置页面中所有含有href属性并且值为https://www.w3cschool.cn的a标签

a[href="https://www.w3cschool.cn"] {

  color:red;

}

二：设置页面上所有含class属性并且属性值的词列表的某个词等于w3cschool的div元素（适用于设置了多个class名称的元素使用）

div[class~="w3cschool"]{

color:red;

}

三：设置页面中所有class属性，并且属性值为w3cschool开头的div元素

div[class^="w3cschool"]{

color:red;

}

四：设置页面中所有class属性，并且属性值为w3cschool结尾的div元素

div[class$="w3cschool"]{

color:red;

}

五：设置页面中所有class属性，并且属性值中包含w3cschool的div元素

div[class*="w3cschool"]{

color:red;

}

六：设置页面上还有class属性，并且属性值以w3cschool开头或者等于w3cschool的div元素

div[class|="w3cschool"]{

color:red;

}