class 和 id 的使用场景?
class
指定标签的类名。
- 格式：<input type=button class="btnsubmit" />
- 应用场景： ①CSS操作，把一些特定样式放到一个class类中，需要此样式的标签，可以在添加此类。
- 特性： 可以把多个类，放在一个class属性里，但必须用空格隔开；如：class='btnsubmit btnopen'
id
指定标签的唯一标识。
- 格式：<input type=password id="userpwd" />
- 应用场景： ①根据提供的唯一id号，快速获取标签对象。如：document.getElementById(id)
②用于充当label标签for属性的值：示例：<label for='userid'>用户名：</label>，表示单击此label标签时，id为userid的标签获得焦点。 - 特性 id属性的值，在当前的page页面要是唯一的。
CSS常见选择器
Paste_Image.png
选择器的优先级是怎样的?对于复杂场景如何计算优先级？
- 优先级从大到小
！Important>行内样式>Id>类>标签>通配符>继承>浏览器默认（用户代理）
- 选择器混合作用 通过权重来进行比较。
=
a:link, a:hover, a:active, a:visited 的顺序是怎样的？ 为什么？
在实际使用中，顺序为a:link，a:visited，a:hover，a:active。因为当链接点击过后，a:visited状态就激活了，按照优先级原则，它们四个是相同的，这时就看谁最后声明，就会覆盖前面的样式。如果a:visited放在第三位，a:hover将被覆盖，a:visited放在最后则a:hover和a:active将被覆盖不能正确显示。（记为LVHA）
以下选择器分别是什么意思?
div:first-child和div:first-of-type的作用和区别
":first-child"的作用是选择“符合该选择器并且其是父元素第一个子元素的元素” ,是结构上的第一个子元素。 这里指 div的父元素中第一个子元素必须是div
":first-of-type" 匹配的是某父元素下相同类型子元素中的第一个，比如 div:first-of-type，就是指所有类型为div的子元素中的第一个。这里不再限制是第一个子元素了，只要是该类型元素的第一个就行了。
运行如下代码，解析下输出样式的原因
Paste_Image.png
