CSS选择器

//http://www.imooc.com/code/2039

1.标签选择器

eg:  

  p {

      font-size:20px;

      color:blue;

    }

2.类选择器

  注意：英文原点（.）开头   ；     类选择器名称可以任意起名（非中文）

  .  setColor{

        color:red;

  }

  .textSize{

        font-size:18px;

  }

..................

3.id选择区   标签设置id="ID名称"   id选择符的前面是 （#）号   :只能在文档中使用一次     不可使用ID词列表

   class。。。。。。class=。。。。class。。。。。。。（.）号   ：可多次使用                   可以使用类选择器词列表方法为一个元素设置多     个样式

4.子选择器： 大于符号(>),用于选择指定标签元素的 第一代子元素

   .first>span{border:1px solid red;}

 

三年级时，我还是一个

5.包含（后代）选择器  ： 即加入 空格 ,用于选择指定标签元素下的 后辈元素

   .first span{color:red;}

  // 后代选择器是作用于 所有子后代元素 。后代选择器通过 空格 来进行选择，而子选择器是通过“ > ”进行选择。

6.通用选择器： 通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中 所有 标签元素

   * {color:red;} 下面代码使用html中任意标签元素字体颜色全部设置为红色

7.伪类选择器   ： 允许给html不存在的标签（标签的某种状态）设置样式   比如说我们给html中一个标签元素的 鼠标滑过的状态 来设    置字体颜色    a:hover{color:green;}

                        去搜索

8.分组选择符：  html中多个标签元素设置同一个样式时，可以使用分组选择符（，）

    h1,span{color:red;} 等价于 h1{color:red;} span{color:red;}