CSS是可用于网页设计的最强大的工具之一。使用它，我们可以在几分钟内更改网站的界面，而无需更改页面标签。好久没用CSS了，对一些基础知识的记忆有点模糊。我今天做一个总结记录，以备日后回顾。选择器分类在CSS中，选择器可以分为以下几类：基本选择器（全局选择器、元素选择器、类选择器、ID选择器、组选择器）层次选择器属性选择器伪类选择器伪元素基本选择器比较好记，所以这里就不浪费篇幅了，主要记录最后三个或者几个selector。层次选择器选择器类型功能说明EF后代选择器（包括选择器）选择匹配的F元素，匹配的F元素包含在匹配的E元素中E>F子元素选择器选择匹配的F元素，并匹配的子元素F元素匹配的E元素E+F相邻兄弟选择器选择匹配的F元素，匹配的F元素紧跟在匹配的E元素后面E~F通用选择器选择匹配的F元素，匹配的F元素之后的所有匹配的E元素在后代选择器中，规则左侧的选择器结束包括两个或多个由空格分隔的选择器。选择器之间的空格是一个组合器。每个空格组合都可以解释为“...foundin...”、“...aspartof...”、“...asadescendantof...”，但要求必须从右开始向左读取选择器。如果不想选择任何后代元素，而是想将范围缩小到只选择某个元素的直接子元素，请使用子选择器（Childselector）。如果你需要选择紧跟在另一个元素之后的一个元素，并且两者有相同的父元素，你可以使用相邻兄弟选择器（Adjacentsiblingselector）。AttributeSelectorSelector功能描述[attribute]用于选择具有指定属性的元素。[attribute=value]用于选择具有指定属性和值的元素。[attribute~=value]用于选择属性值包含指定词汇表的元素。[attribute\=value]用于选择属性值以指定值开头的元素，必须是一个完整的单词。[attribute^=value]匹配属性值以指定值开头的每个元素。[attribute$=value]匹配属性值以指定值结尾的每个元素。[attribute=value*]匹配属性值包含指定值的每个元素。如果你想选择具有某个属性的元素，而不考虑属性的值，你可以使用一个简单的属性选择器：a[href]{}你也可以基于多个属性进行选择，只需将属性选择器链接在一起即可：a[href][title]{}除了选择具有某些属性的元素外，还可以进一步缩小选择范围，只选择具有特定属性值的元素：a[href='www.abc.com']{}也可以是多个属性-value选择器可以链接在一起来选择文档：a[href="www.abc.com"][title="abc"]{}pseudo-selectordynamicpseudo-selector选择器类型功能描述E:link链接伪-class选择器选择匹配的E元素，匹配的元素定义为超链接，没有被访问过。E:visited链接伪类选择器常被用在链接锚点上，选择匹配的E元素，匹配元素定义为超链接且已被访问。常用在链接锚点上的E:active用户行为选择器上，选择匹配的E元素，激活匹配的元素。它通常用于链接锚点和按钮。E:hover用户行为选择器选择匹配的E元素，用户鼠标停留在E元素上。E:focus用户行为选择器选择匹配的E元素，匹配元素获取focustarget伪类选择器选择器函数说明E：target选择所有匹配E的元素，匹配元素由相关URL指向UI元素状态伪类选择Selector类型功能说明E:checked选择状态伪类选择器匹配checked复选按钮或单选按钮表单元素E:enabled启用状态伪类选择器匹配所有启用的表单元素E:disabled不可用状态伪类选择器匹配所有禁用的表单元素structure伪类选择器选择器功能说明E:first-child元素E是父元素的第一个子元素元素。等同于E:nth-child(1)E:last-child元素E，即父元素的最后一个子元素。等同于E:nth-last-child(1)E:root选择匹配元素E所在文档的根元素。在一个HTML文档中，根元素永远是html，这个选择器匹配的内容和html类型选择器E一样F:nth-child(n)选择父元素E的第n个子元素F。其中，n可以是一个整数（1,2,3），一个关键字（even,odd），或者一个公式（2n+1），n的起始值为1而不是0.EF:nth-last-child(n)Select父元素E的最后第n个子元素F。这个选择器和E:nth-child(n)选择器的计算顺序正好相反，但是使用方法是一样的，其中：nth-??last-child(1)总是匹配最后一个元素，相当于last-childE:nth-of-type(n)选择父元素中指定类型的第n个E元素E:nth-last-of-type(n)选择父元素中指定类型的最后第n个E元素父元素E:first-of-type选择父元素中指定类型的第一个E元素，相当于E:nth-of-type(1)E:last-of-type选择最后一个指定类型的E元素父元素中的指定类型，等价于E:nth-last-of-type(1)E:only-child选择父元素只包含一个子元素，子元素匹配E元素E:only-of-type选择父元素只包含一个同类型的A子元素，子元素匹配E元素E:empty选择一个没有子元素的元素，元素不??包含任何文本节点负伪类selector选择器功能说明E:not(F)匹配除F以外的所有元素总结CSS的E元素可以说是前端的基本功了，希望我们可以通过CSS！~~~读完这篇文章，学习有趣的知识，认识有趣的朋友，塑造有趣的灵魂！大家好！我是〖编程三昧〗的作者汪山人，我的公众号是《编程三昧》，欢迎关注，希望大家多多指教！知识与技能并重，内功与外功并重，理论与实践两手抓，两手都要用力！
