css3新增伪类选择器,CSS伪类是用来添加一些选择器的特殊效果
选择器
p[name^="my"]{font-size:14px}
Selector=规则适用于所有名称属性以“my”开头的P元素标记
p[name$="my"]{font-size:14px}
Selector $=规则适用于所有名称属性以“my”结尾的P元素标记
p[name*="my"]{font-size:14px}
Selector $=规则适用于其name属性包含“my”结尾的所有P元素
选择器，~
选择器指示受影响的元素是第一个元素的子元素。
选择器该选择器引用紧跟在元素后面的元素，并且这两个元素必须有相同的父元素。
选择器~类似于，但是受影响的元素不一定跟在第一个元素之后。
在伪类和引用元素名称之间添加“:”。
示例：my class:n-child(2)
myclass元素中的第二个元素
关键词“奇”，“偶”
my class:n-child(奇数):影响那些父元素索引位置为奇数的元素。
my class:n-child(even):影响其父元素的偶数索引位置的复制代码代码如下：
风格。测试：第n个孩子(奇数)
{
颜色：蓝色；
}。测试：第n个孩子(偶数)
{
颜色：红色；
}。测试：第n个孩子(2)
{
颜色：绿色；
}
/风格
测试
p
一个
/p
p
2
/p
/div
测试
一个
/p
测试
2
/p
测试
一个
/p
测试
2
/p
效果如下：
一个
2
一个
2
一个
2
假类
:不是(p){颜色：红色}
除了P以外的所有元素都是红色的。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。