【我不熟悉的css】属性选择器的使用，css 和js中使用属性选择器获取元素的区别

预警！超级初级的内容，菜鸟必看，大佬请绕道

其实就我个人而言，属性选择器，在css中不是很常用的，但是在js中使用document.querySelector获取元素的时候经常用，我经常忘记到底要不要加双引号！这次总结一下，希望不要再忘记了。

大写加粗的牢记

css中只有属性的值需要加双引号(或者单引号)

js中属性值加不加引号都行，不过为了好看加上吧

但是这样写是不对的: querySelector('["title=age"]')

同理，也可以只用属性名称，不写值获取元素

// css中，只用属性名称获取元素，没有引号
div[title] {
    //
}

// js中，使用属性名称获取元素
const ele = document.querySelector('[title]')

好吧，这个问题可能很愚蠢，但是我真的有的时候记不住， 总结一下，这次彻底记住了。