css属性选择器，[]，=， ~=， ^=， ~=， $=， |=等符号含义

p[attribute1][attribute2]{ /* [] 属性选择器，表示具有某种属性的所有元素，多个参数表示同时具有多个属性，class也可以作为一个属性筛选 */
}
a[href="http://www.123.com"]{ /* =具有某个属性，且属性值等于指定值的所有元素 */
}
div[class~="class1"]{ /* ~=具有某个属性，且属性值包含指定值的所有元素 */
}
input[title^="title1"]{ /* ^=指定属性的值以指定字符串开头 */
}
input[title$="title1"]{ /* $=指定属性的值以指定字符串结尾 */
}
input[title*="title1"]{ /* *=指定属性的值包含指定字符串 */
}
input[title|="title1"]{ /* |=指定属性的值等于title1或者以title1-开头 */
}

参考链接 https://blog.csdn.net/luanpeng825485697/article/details/77692971