首页 > Web开发 > 详细

Web前端开发-选择器

时间:2014-04-10 12:37:15      阅读:290      评论:0      收藏:0      [点我收藏+]

比较常用的选择器

1.基础选择器

选择器                            含义                                                            实例

  *               通配符选择器,使用于任何选择器                          *{margin:0;padding:0;}

  #              id选择器,适用于有id的选择器,不能重复                #header{backgroud-color: blue;}

  .               class选择器,适用于有class的选择器,可以重复        .btn{background-color:red} 

  E               标签选择器,适用于标签选择权                              a{color:#eee;list-style-type:none;}

2.伪类选择器

li:first-child     子节点选择器,选中ul中所有的选择器,找到第一个li

li:last-child      子节点选择器,选中ul中所有的选择器,找到最后一个li

3.链接伪类:针对于链接标记

#firstA:link     设置一个未被访问的链接样式

#firstA:visited 设置一个被访问的链接样式 

3.动态伪类选择器

:hover          设置鼠标悬停在当前元素上时的样式,对做动态样式有很大的帮助

:active          设置鼠标在元素上按下时的样式

:focus          当前元素获得焦点时的样式

4.css3选择器

文字阴影

bubuko.com,布布扣

圆角

border-radius: 15px;  

多背景图片

div { background: url(xx1.jpg) top left no-repeat, url(xx2.jpg) bottom left no-repeat, url(xx3.jpg) center center repeat-y; }

Web前端开发-选择器,布布扣,bubuko.com

Web前端开发-选择器

原文:http://www.cnblogs.com/PeterWH/p/3655089.html

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