最近工作中发现css有点忘记了，需要重新温习一下。我开始这个系列是为了回顾和更新我学到的知识。毕竟温故知新。首先，一些基本的选择器，我归类为简单选择器。我不会在这里详细说明它们的用法。简单选择器*{}通配符选择器e{}元素选择器id{}id选择器，只允许在页面中出现一次。同时，权重最高。calss{}类选择器，可以出现多次那么，有一类选择器是选择元素的属性，需要和元素选择器一起使用。这里我称之为属性选择器。属性选择器用[]包裹。同时，属性值要用引号括起来。e[attr]{}具有attr属性的元素e[attr="val"]{}具有attr属性和值val的元素。e[attr|="val"]{}attr属性的值为val或以val-开头的元素。该值必须是一个完整的单词或带有连字符。e[attr^="val"]{}attr属性的值以val开头。e[attr$="val"]{}attr属性的值以val结尾。e[attr~="val"]{}attr属性包含值为val的元素。用于选择在其属性值中包含指定词汇表的元素。单词之间用空格隔开。e[attr*="val"]{}attr属性的值包含val元素。可以发现以值开头的元素有两类，属性也有两类。接下来将差异细分1234first它以一个值开始。对于[title^="web"]{}，将选择元素1、2、3和4。对于a[title|="web"]{}，只会选择1和3。你可以得到Outputa[title^="web"]{}。把属性值看成是一个完整的字符串，只要是web开头的就选中。a[title|="web"]{}在web或web-开头选择。两个词需要用-连接。然后包含a[title*="web"]{}的值。将选择1、2、3和4个元素。对于[title~="web"]{}。只会选择1和4。可以得出结论，a[title*="web"]{}.只要属性值字符串中有web，就会被选中。a[title~="web"]{}表示选择对应的单词web。可以用空格隔开。下一个选择器是高于上一个选择器的选择器。可以看作是选择器的选择器。这里我称之为上选择器。上层选择器EF{}后代选择器，匹配满足E选择器的元素下方所有满足F选择器的元素（包括子孙），中间用空格隔开E>F{}子元素选择器，选择只有满足E选择器的元素后代中满足F选择器的元素。E+F{}相邻兄弟选择器在它的孙子之后不会被选择，紧接在满足E选择器的元素之后的第一个兄弟（不会选择前一个）与F选择器匹配的元素，相邻兄弟选择器,具有相同的父级。E~F{}全兄弟选择器，在匹配E选择器元素的所有兄弟中选择匹配F选择器的元素（不选择前面的元素）。EF{}交集选择器，匹配同时满足E选择器和F选择器元素的元素，E、F{}联合（多元素）选择器，匹配满足E选择器或F选择器元素的元素，中间用空格隔开逗号。目前，我已经复习完了CSS的基本选择器。接下来我会整理一些CSS中常用的属性，同时更新自己欠缺的内容和使用技巧。
