CSS语法及选择器

css语法：
    选择器{
        k:v;                                例如         color： red;
        k:v;                                                 属性：  值；
        k:v;
        k:v;
    }
k 属性
v 值

选择器的命名：
只能有字母、数字、下划线_、连接线-
必须以字母开头

选择器分类：
1.标签选择器：就是标签的名字(直接指定一个标签名，去修饰！！这样修饰的范围比较大！！)
特点：他修饰的是 一类标签
选择的所有，而不是一个。
标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”的。 缺点：无法选取某一个单独元素，只能选取同类别所有元素

2.id选择器
id选择器的选择符是“#”
注意：
(1). id选择器的名字，在一个页面中要具有唯一性
(2). id选择器，它只修饰它指定“那一个标签”

（同一个ID只能用来修饰他指定的那一个标签，两个标签不可以用同一个id修饰）

id="" class="" 这两个属性，是所有的标签，都有的。

3.类选择器
.就是类的符号。类的英语叫做class             注意，在写类选择器时要在前面加上 . （点，太小了不容易看到）         比如    .red{   color：red；}
特点：
(1). class属性可以重复，比如，页面上可能有很多标签都有red这个类，即：我们定义好一个类，可以在页面中使用n多次 

（比如我在style里写上    .red{   color：red；}   ，那么我下面写的所有标签都可以使用  class=“red”）
(2). 同一个标签，可能同时属于多个类，用空格隔开

（我在style里写上   .red{  color： red；}     .px16{  font-size：16px;}    那么我下面的一个标签就可以用两个class名      写作  <h1  class="red  px16">  （两个名字中间要加空格）  就可以让两个属性同时修饰到<h1>标签）

在整体页面布局中，尽量用class类去写样式。

4.后代选择器
空格就表示后代。
特点：
(1). 强调一下，选择的是后代，不一定是儿子。（ul标签下的li标签，就写作 ul li{ color：red；}）
(2). 空格可以多次出现   （可以是后代的后代，所以可以多次出现空格）
(2). 后代选择器，描述的是祖先结构 (在浏览器的开发者工具面板中清晰可见！)

5.交集选择器
选择的元素是同时满足两个条件：必须是某一个标签，然后必须是某一个类标签。
交集选择器没有空格（解释不好，自行百度，个人感觉很难用到）

6.并集选择器（分组选择器）
用逗号就表示并集      （意思是让下面多个标签共用一个效果 ）

（比如我页面中有<h1> <h2><p><ul><li> 我想让他们都变成红色 ，那么我就可以以在style里写

h1,h2,p,ul,li{ color:red;}          每个标签中用逗号隔开，只用逗号）

7.通配符
*就表示所有元素          （*表示一个页面中的所有元素）

8.儿子选择器>     （用>表示   ）
就表示后代
注意：IE7开始兼容，IE6不兼容

9.序选择器
:first-child 修饰一个集合中的第一个元素 
:last-child 修饰一个集合中的最后一个元素
:nth-child(2) 修饰一个集合中的某一个元素
:nth-of-type(4)修饰一个集合中的某一个元素

10.下一个兄弟选择器        （只能选择下一个）
+表示选择下一个兄弟