CSS3的新增选择器

【CSS3的新增选择器】的更多相关文章

一.兄弟选择器:选择E元素所有兄弟元素F. <style> p~p{ color:#f00;} </style> </head> <body> <div> <p>中国十大杰出人物</p> <p>①别人家的孩子</p> <p>②别人家的爸爸</p> <p>③别人家的妈妈</p> <p>④别人家的老公&…

CSS3集锦之新增选择器、圆角、阴影、透明度、transition动画、transform变形、animation动画

---恢复内容开始--- 一.CSS3新增选择器 1.nth-chlid(n)用法 selector:nth-chlid(n)指找到第n个子元素并且该元素为selector标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0;…

前端之HTML5,CSS3(二) CSS3新增选择器和样式 CSS3新增选择器结构伪类选择器 :first-child:选取父元素中的第一个子元素的指定选择器 :last-child:选取父元素中的最后一个子元素的指定选择器 :nth-child(n):选取父元素中的第n个子元素的指定选择器,n取小于等于子元素个数的正整数.当n取n值表示选取父元素中所有子元素:n取2n表示选取父元素中所有偶数的子元素,等同于:nth-child(odd):n取2n+1表示选取父元素中所有奇数的子元素,等同于:…

CSS3 新增选择器

CSS3 新增选择器结构(位置)伪类选择器(CSS3) :first-child :选取属于其父元素的首个子元素的指定选择器 :last-child :选取属于其父元素的最后一个子元素的指定选择器 :nth-child(n) : 匹配属于其父元素的第 N 个子元素,不论元素的类型 :nth-last-child(n) :选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数. n 可以是数字.关键词或公式 li:first-child { /* 选择第一…

CSS3 子节点选择器

CSS3中新增了几个子元素选择器,大大提高了开发者的开发效率.之前有些要通过为一个个子元素添加class,或者js实现才能实现的效果.现在可以很方便的用选择器实现. 这些新的样式已被现代浏览器及IE9以上支持. 选择器说明 :first-child 第一个子元素 :last-child 最后一个子元素 :nth-child(3) 第三个子元素 :nth-last-child(3) 倒数第三个子元素 :nth-child(odd) 所有奇数个子元素 :nth-child(even) 所有偶…

CSS3的属性选择器

CSS3中新增了许多选择器,今天零度给大家说说CSS3的属性选择器. 与CSS2相比,CSS3新增了3种属性选择器:[attr^=value].[attr$=value].[attr*=value]:分别来讲解一下. 一.[attr^=value]属性选择器大家如果接触过正则表达式的话,应该知道^符号的意思,是表示开头,没错,这里也是表示开头的意思,意思就是选择属性名attr的开头值为value的元素! 举个例子: <style type="text/css"> [cla…

妙味css3课程---1-2、css3中新增的伪类和伪元素有哪些

妙味css3课程---1-2.css3中新增的伪类和伪元素有哪些一.总结一句话总结: 1.div:target{}是什么意思? 比如a标签的锚点链接到div,div:target{}就可以找到这个divE:target { sRules } 匹配相关URL指向的E元素.…

JQ表单选择器和CSS3表单选择器

JQ表单选择器和CSS3表单选择器 JQ表单选择器为了使用户能够更加灵活地操作表单,jQuery中加入了表单选择器,利用这个选择器能极其方便的获取到表单的某个或者某类型的元素.表单选择器的介绍如图: 我们要着重强调的是:input, :submit, :reset, :button, :hidden选择器.因为有一些细节需要我们特别注意(并不能顾名思义). 测试HTML代码: <input type="text" name="text" value=&quo…

极客技术专题【008期】：CSS3核心技术：选择器

日期:2013-8-19 来源:GBin1.com 技术专题介绍技术专题:CSS3核心技术:选择器专题演讲稿:CSS3选择器分享人:知名前端技术博客 - w3cplus.com 博主 - 大漠 (请站内关注分享人) 资深Web前端工程师,W3CPlus创始人,目前就职于上海携程 (Ctrip).2010年开始从事 Drupal 主题制作工作,是 Drupal 社区团队最早成员之一.现久居上海,从事 Web 前端工作,关注移动端.CSS3.Sass等最新技术,目前正在撰写一本关于CSS3…

jQ not()选择器与 css3 :not( selector )选择器

1.jQ not() 2.css3 not w3c在线演示地址 http://www.w3school.com.cn/tiy/t.asp?f=css_sel_not 总结: 注意两者还是有区别的 1.css3里面not()选择器不能同时写两个类: 2.而在jQ not()里面可以同时写…