CSS常用选择器

 

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

1.*(星状选择符,也称“全局选择器”)

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

CSS常用选择器  CSS常用选择器

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

2.E(元素选择器)

   E  匹配任意E元素,即类型为E的元素,例如:

CSS常用选择器

 

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

 

CSS常用选择器

 

4.类(class)选择器(依赖于·,类可以被重复定义)例如:

 CSS常用选择器

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

     CSS常用选择器

6. 子选择器{E>F(匹配E元素子元素的任意F元素)(父子关系)例如

     CSS常用选择器

7. 相邻同胞选择器(兄弟选择器){E1+E2(具有相同的父级元素,且E1紧接在E2之前)例如:

    CSS常用选择器

8. 属性选择器   例如:

     CSS常用选择器

9. 伪类选择器(:first-child和:last-child例如:

    CSS常用选择器

10. 链类伪类(:i nk和:visited)例如:

      CSS常用选择器

11. 动态伪类(:hover:active:focus  例如:

       CSS常用选择器

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

 

 

 

 

 

 

 

 

 

 

CSS常用选择器,布布扣,bubuko.com

CSS常用选择器

上一篇:转:Visual Studio进行Web性能测试- Part III


下一篇:Chrome_断点调试(使用vue-resource进行数据交互)