Question

有哪些CSS选择器可以用来控制样式？

Answer 1

ID名选择器

#con {
    border: 1px solid red;
  }

代码解析：表示找到ID名为con的元素，并为元素设置1像素、实线、红色边框。

类名选择器

.con {
       border: 1px solid red;
   }

代码解析：表示找到类名为con的元素，并为元素设置1像素、实线、红色边框。

标签选择器

div {
    border: 1px solid red;
  }

代码解析：表示找到标签名为div的元素，并为元素设置1像素、实线、红色边框。

后代选择器

.con p {
    border: 1px solid red;
  }

代码解析：表示找到为类名为con里的所有p元素，并为元素设置1像素、实线、红色边框。需要注意的是不单单是子代受到影响，所有的后代均会受到影响。

子代选择器

.con > p {
    border: 1px solid red;
  }

代码解析：表示找到为类名为con里的子代p元素，并为元素设置1像素、实线、红色边框。需要注意的是只是子代受到影响，而非所有的后代均会受到影响。

群组选择器

.con p, .box {
    border: 1px solid red;
  }

代码解析：表示找到为类名为con里的所有p元素，并为元素设置1像素、实线、红色边框；找到类名为box的元素，并为元素设置1像素、实线、红色边框；

常见的CSS选择器如上，还有伪类、属性、通配符选择器以及CSS3新增的大量选择器，可以查看《CSS选择器以及选择器优先级》

Answer 2

css选择器就是用来控制样式的，都是可以的。

Answer 3

基本选择器
标签选择器（栗子 E：匹配所有使用E标签的元素）

ID选择器（栗子 #footer：匹配所有id属性等于footer的元素）

class选择器/类别选择器（栗子 .info：匹配所有class属性中包含info的元素）

通用元素选择器（栗子 *：匹配任何元素）

复合选择器
交集选择器

并集选择器

后代选择器

Css优先级
通用选择器<标签选择器<class选择器<属性选择器<伪类<id选择器<内联样式

Answer 4

id选择器 class选择器 标签选择器 *号选择器

Answer 5

ID名选择器、类名选择器等