CSS

1 id选择器

根据标签的id属性值进行匹配

<p id="值">
<td id="值">
<input id="值">   id的取值要唯一
#id值 {样式  }可以在通过ID统一设置样式，省去在元素里设置样式的繁琐
类似的还有.class{样式}
         p（标签）{样式}

2 父子选择器

父选择器>子选择器 例如#A>td,即id=A的标签为父类，td作为子类。
最终选中的是子选择器匹配的标签，但必须满足条件：父标签要和父选择器匹配

3 后代选择器

祖先选择器 后代选择器

4 伪类选择器

:hover 当鼠标悬浮在标签之上，算匹配

例如#A:hover{
background-color: red;
}
当鼠标移至ID=A的标签上时，背景颜色变为红色（特殊情况下，要考虑优先级问题）

:nth-child 当作为第n个孩子元素, n从1开始

v td:nth-child（设置数字）{
background-color: black;
}
限制class=v的标签下的td标签的最后一个子标签为黑色；

:last-child 当作为最后一个孩子元素

.v td:last-child{
background-color: black;
}
限制class=v的标签下的td标签的最后一个子标签为黑色；

5 选择器的优先级

1) 当多个选择器都匹配到同一个标签时，会产生优先级问题：

!important > style行内样式 > #id > .class > 元素

!important 用来提升某个样式的优先级, 写法：

样式 !important

2) 子标签可以从父标签继承某个样式， 例如color
子标签自己定义了同名样式，那么它会覆盖父标签的样式

3) 同优先级别的选择器，后定义的会覆盖前面定义的

6. 在网页之间重用样式

需要用到外部样式表， 可以把选择器，样式的定义放在一个 *.css 的文件当中（样式表文件）
引入外部的样式表：

<link rel="stylesheet" href="路径/css文件名">

好处：可以更大程度地在多个网页间重用样式， 让网站的风格统一

内部样式表可以实现本网页特殊的样式，采用覆盖的方法，可以覆盖掉外部样式表的样式