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 猜你喜欢