码迷,mamicode.com
首页 > Web开发 > 详细

html5学习笔记2

时间:2014-05-31 01:28:28      阅读:291      评论:0      收藏:0      [点我收藏+]

标签:c   class   a   ext   使用   html   

css3选择器

1.通过元素的关键字,如p,div等

2.通过id属性

3.通过class属性引用

3.1通过class属性引用p标签,如:p.text{}//text样式只适用于p

4.通过任意键引用

例如:p[name]{}//仅引用带有name属性的p标签

p[name="my"]{}//仅引用带有name属性等于“my”的p标签

还可以使用正则表达式p[name^="my"]{}

p[name$="my"]{}

5.通过伪类引用

例如:p:nth-child(2){}某一并排p元素的第二个

p:nth-child(odd){}//奇数的p

p:nth-child(even){}//偶数的p

not选择器

例如:  :not(p)//不是p的所有元素

6.新选择器

选择器>表示受影响的是第一个元素的子元素

例如:div>p {}

选择器+ 表示受影响的是紧跟第一个元素后的元素

 

 

 

html5学习笔记2,布布扣,bubuko.com

html5学习笔记2

标签:c   class   a   ext   使用   html   

原文地址:http://www.cnblogs.com/hsblogs/p/3761853.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!