CSS常用选择器

 

      本人初步接触CSS，这段时间一直和CSS打交道，不同的代码、命令对于初学的我来说，确实很头疼。今天我把最近学的几种选择器罗列了一下，用我自己觉得比较容易记的方法，大家看看，还望各位大神指点一二！！！！！！！

1.*（星状选择符，也称“全局选择器”）

      *可以匹配任意元素， 就是说会在页面上的每一个元素上起作用，例如：

 

        由于*的作用面积太大，我建议在写页面的过程中不要过多的使用，避免过多耗用浏览器资源的情况。

2.E（元素选择器）

   E  匹配任意E元素，即类型为E的元素，例如：

 

3.id选择器，依赖于#，id不能重复。例如：

 

 

4.类（class）选择器（依赖于·,类可以被重复定义）例如：

 

5. 后代选择器{E  F（匹配E元素后代的任意F元素）} （前辈与后代的关系）例如：

    

6. 子选择器{E>F（匹配E元素子元素的任意F元素）}  （父子关系）例如：

    

7. 相邻同胞选择器（兄弟选择器）{E1+E2（具有相同的父级元素，且E1紧接在E2之前）}  例如：

   

8. 属性选择器   例如：

    

9. 伪类选择器（：first-child和：last-child）例如：

   

10. 链类伪类（：i nk和：visited）例如：

     

11. 动态伪类（:hover，:active和:focus）  例如：

      

      以上选择器是本人近期学习中常用的几种，希望对各位新手朋友有帮助。当然选择器还有很多种，有些是不常用的，有些是我还没有接触到的，咱们慢慢积累····