首页 > Web开发 > 详细

CSS常用选择器

时间:2014-04-10 10:42:07      阅读:323      评论:0      收藏:0      [点我收藏+]

 

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

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

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

bubuko.com,布布扣  bubuko.com,布布扣

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

2.E(元素选择器)

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

bubuko.com,布布扣

 

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

 

bubuko.com,布布扣

 

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

 bubuko.com,布布扣

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

     bubuko.com,布布扣

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

     bubuko.com,布布扣

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

    bubuko.com,布布扣

8. 属性选择器   例如:

     bubuko.com,布布扣

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

    bubuko.com,布布扣

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

      bubuko.com,布布扣

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

       bubuko.com,布布扣

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

 

 

 

 

 

 

 

 

 

 

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

CSS常用选择器

原文:http://www.cnblogs.com/jiating/p/3655454.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!