CSS的选择器
选择器（selector）的作用
- 找出页面中的元素，以便给他们设置样式（name,id）
- 使用多种方式去选择元素
- 按照标签名，类名或者ID
- 按照属性
- 按照DOM树中的位置
通配选择器
*{} *指代所有标签
标签选择器
p/h1....标签指定样式
id选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML 元素以 id 属性来设置 id 选择器，CSS 中 id 选择器以“#" 来定义。
类选择器
给同一类型的HTML标签设定样式的时候，可以给这些同一类型设定全局属性class来方便设定这一类的统一样式（同样使用style来实现） class可以出现多次，比较常用
属性选择器
通过一些标签的属性去选择标签设定样式，例如input的disable就可以使用style的[disable]去选中标签设定样式，表示有disable这个属性就可以去选中它
如果想让选定属性是一个特定的值时再选中进行样式显示的话，我们可以写成如下
也可以对属性值做一些匹配
a[href^="#"]，表示这个href的属性值以#号开头的话就可以匹配的上
a[href$=".jpg"]，表示href的属性值以.jpg结尾就可以匹配上
伪类（pseudo-classes）选择器
还可以不通过属性选择属性，我们通过伪类（pseudo-classes）这种去选择标签元素
- 不基于标签和属性定位元素
- 分为状态伪类和结构性伪类
状态伪类
状态型的伪类不是说具体指某个元素，这个元素还要处与某种特定的状态下，才会被选中
举例子，链接分为访问过的链接（跟非访问的颜色不一样）和非访问过的链接，鼠标选中链接（一般移到链接上面会变黄），和没有选中的不同状态都可以使用伪类进行修改样式
- a:link默认样式
- a:visited访问过的样式
- a:hover鼠标移上去之后显示的样式
- a:active鼠标按下去之后的显示样式
除了链接之外，其他标签也有多种状态，比如输入框input
默认状态，没点过、点击文字框之后可以输入文字的focus状态
:focus{outline:2px solid orange} outline是选定边框的属性，当被选中时，设定2像素橘色边框，值得注意是链接在按下去之后，也是focus状态。
