来源：自学PHP网 时间：2015-01-26 11:14 作者： 阅读:次
[导读] HTML5新增了Css选择器、伪类，本文整理了一些，并给出简单的使用介绍，喜欢html5的朋友可以参考下，希望对大家有所帮助...
|
HTML5新增了Css选择器、伪类，本文整理了一些，并给出简单的使用介绍，喜欢html5的朋友可以参考下，希望对大家有所帮助
p[name^=“my”]{font-size:14px} 选择器 ^= 讲规则应用到所有 name属性以“my”开头的<p>元素标签 p[name$=“my”]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性以“my”结尾的<p>元素标签 p[name*=“my”]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性包含“my”结尾的<p>元素上 选择器 > 、 + 、~ 选择器>表示受影响的元素是第一个元素的子元素。 选择器+这 个选择器引用紧跟元素之后的元素，这两个元素必须有相同父级。 选择器~与+类似，但受影响的元素不一定紧跟第一个元素。 伪类与引用元素名称之间要加“:” 例：myclass:nth-child(2) myclass元素中的第二个素 关键字“odd” ，“even” myclass:nth-child(odd)：影响其父元素索引位置为奇数的 myclass:nth-child(even)：影响其父元素索引位置为偶数的 复制代码 代码如下:<style> .test:nth-child(odd) { color:Blue; } .test:nth-child(even) { color: Red; } .test:nth-child(2) { color: Green; } </style> <div class="test"> <p> 1 </p> <p> 2 </p> </div> <p class="test"> 1 </p> <p class="test"> 2 </p> <p class="test"> 1 </p> <p class="test"> 2 </p> 效果如下： 1 2 1 2 1 2 否定伪类 :not(p){color:red} 除了<p>元素之外的其他元素都为red |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
