这是我参与8月更文挑战的第31天，活动详情查看：8月更文挑战
大家好，我叫Andy_W，今年19岁，今年9月份上大一，是一个前端小白
前言
不知不觉已经是8月份的最后一天了，这个月参加了8月更文挑战，收获还是挺多的。虽然我是小白白，写的东西也很基础，也没什么人看，我相信，只要坚持一直努力，运气好，以后会变成优秀的前端开发者。
今天更文最后一天，回顾之前学的知识，我发现CSS属性选择符比较难记，也好多好乱的感觉，所以写这一篇文章来梳理和速记它们
属性选择器
- 根据元素的属性名或者属性值来设定css选择符对象
- 设置的属性或其值都必须括在方括号 [ ] 之中
- 可以通过元素本身、属性名称、属性对应的值 三者的关系来进行多重控制
例如：
[ 属性名 ] —— 直接以属性名作为样式对象
元素 [ 属性名] —— 以带有属性名的元素作为样式对象
[ 属性名 = “值”] —— 以设定具体值的属性名作为样式对象
元素[ 属性名 = “值”] —— 以带有设定具体值的属性名的元素作为样式对象
属性 + 值的定义：
[ 属性 = “value” ] 属性值为value
[ 属性 ~= “value” ] 属性值当中包含value（关键词）
[ 属性 |= “value” ] 属性值为value （关键词） 或以“value-”为前缀
[ 属性 ^= “value” ] 属性值以value开头（不需要是完整词）
[ 属性 $= “value” ] 属性值以value结尾（不需要是完整词）
[ 属性 *= “value” ] 属性值当中包含value（不需要是完整词）
注意：
格式为：元素[属性 = “值”]的元素，后面跟属性方括号时，注意不要有空格
“值”在做数据匹配时，如果需要忽略大小写，可以在方括号结束前添加一个i实现。 i要用空格和前面的“值”隔开
“值”的引号可写可不写
结束语
感谢大家的支持，如有有帮助记得点赞支持~
