CSS笔记——选择器

emmet语法

提高HTML/css的编写速度。

生成多个相同标签加上*

父子级关系，用>,例如  ul>li

兄弟际关系，用+，例如div+p

生成带有类名或者id名字的，例如 类：.类名或者id： #id名

生成的div类名有顺序的，用自增符号$.例如：.demo$*5

css复合选择器

后代选择器（常用），子选择器，并集选择器（常用），伪类选择器（链接伪类常用）等。

后代选择器：又称为包含选择器，可以选择父元素里面子元素。元素1 元素2 {样式声明}

子选择器：只能选择最近一级的的子元素。元素1>元素2{样式声明}

并集选择器：选择多个标签，同时定义相同的样式。通过英文逗号（,）元素1，元素2{样式声明}。

写出伪类选择器的使用规范

伪类选择器：用于向某些选择器添加特殊效果。例如给链接添加特殊效果，或选择第1个，第n个元素。书写特点是用冒号（:）表示。伪类选择器有很多，例如链接伪类，结构伪类等。

**伪类选择器注意事项：按照LVHA（link，visited，hover，active）的顺序声明（尽量不要颠倒）

重点记住：a{}和a:hover{}实际开发中的写法。

 ：focus伪类选择器

用于选取获得焦点的表单元素，焦点就是光标，一般<input>类表单元素才能获取，因此此选择器也主要针对表单元素来说。写法  input:focus。