常见的CSS选择器

1.通配符选择器：

这个选择器是匹配页面中所有的元素，一般用来清除浏览器的默认样式.

//被选择的元素为所有元素

2.元素选择器:通过标签名来选择元素.

//被选择的元素为所有div元素

3、class选择器class选择器 / 类选择器 / :用class属性给元素命名，在页面中可以出现很多次，相当于人的名字.

//被选择的元素为class属性的值为box的元素

4.id选择器:以id属性来命名，在页面中只能出现一次，具有唯一性，并且权重值最高，相当于一个人的身份证。

//被选择的元素为id属性值为box的元素

5.后代选择器：匹配到E元素下面的所有的F元素（包括子、孙），空格隔开.

//被选择的元素为所有div元素中的ul元素中的li元素

6.多元素选择器：同时匹配到E元素和F元素，用逗号隔开。

//被选择的元素为标签为div的元素和id属性的值为box的元素

7.相邻兄弟选择器：紧接在E元素后面的同级元素F，相邻兄弟选择器，有相同的父级。

//被选择的元素为与div相邻的class属性值为box的元素

8.E[attr] :匹配具有attr属性的E元素.

//被选择的元素为具有tittle属性的div元素

9.E[attr=val]:匹配具有attr属性且值只为val的的E元素

//匹配所有有tittle属性且属性值为height的div元素

10.E[attr~=val]:匹配属性值为attr，并包含这个值的E元素，用于选取属性值中包含指定词汇的元素。

//匹配所有class属性值有c1的div元素

11.E[attr|=val]:匹配所有属性为attr，值为val或者以 var- 开头的E元素

//匹配所有class属性为c1或c1-开头的div元素

12.E[attr][attr2=val]匹配所有 有attr1属性 且有attr2属性，且attr2的值为val的E元素，这个就是写出几个属性选择器，并且都要同时满足他们的条件。

//匹配所有tittle属性值为width且有class属性的div元素