一、CSS选择器的作用CSS选择器是用来定位我们要赋予样式的HTML元素的，但不仅仅是CSS，JavaScript也支持CSS选择器，比如document。文档。querySelectorAll。2.选择器类型基本选择器组合选择器属性选择器伪类选择器伪元素选择器3.基本选择器选择器含义函数CSS.class类选择器匹配class包含（不等于）特定类的元素1#idid选择器匹配一个elementwithaspecificid1*通用元素选择器匹配页面上的任何元素（这也决定了我们很少用）2element元素选择器选择HTML元素1四、组合选择器选择器含义函数CSSE,F元素选择器同时匹配元素EorelementF1EFdescendant选择器匹配E元素的所有后代（不只是子元素，子元素递归）elementF1E>F子元素选择器匹配E元素的所有直接子元素2E+F直接相邻选择器匹配元素之后的相邻兄弟元素E元素F2E~F公共相邻选择器（兄弟选择器）匹配E元素后的兄弟元素F（是否直接相邻）35.属性选择器选择器示例示例说明CSS[attribute][target]选择所有有target的元素attribute2[attribute=value][target=-blank]选取所有target="-blank"的元素2[attribute~=value][title~=flower]选取所有title属性包含单词"flower"的元素2[attribute^=language][lang^=en]选择lang属性以value="EN"2开头的所有元素[attribute$=language][lang$=en]选择lang属性结束值为"EN"的所有元素"2[attribute*=language][lang*=en]选取所有lang属性包含"EN"的元素26.伪类选择器选择器示例示例说明CSS:linka:link选取所有未访问过的链接1:visiteda:visited选择所有访问过的链接1:hovera:hover将鼠标放在链接的状态上1:activea:active选择活动链接1:focusinput:focus输入后选中的元素有焦点2所有伪类选择器在前端面试questions-伪类与伪元素7.伪元素选择器Selector功能说明在被选元素前插入内容。content属性需要用来指定要插入的内容。插入的内容实际上并不在文档树中。2::after/:after在被选元素之后插入内容。它的用法和特点类似于:before。2::first-letter/:first-letter匹配元素中文本的第一个字母。修饰的首字母不在文档树中。1::first-line/:first-line匹配元素第一行的文本。这个伪元素只能用在块元素中，不能用在行内元素中。1前端面试题中的所有伪元素选择器-伪类和伪元素延伸阅读前端面试题-clearfix(clearfloat)前端面试题-BFC(BlockFormattingContext)
