标签：边框 偶数 inpu led abc 选择器 color disabled 包含
1.选择id为ul1里所以的奇数项
#ul1 li:nth-child(odd)
{
color:#fff;
}
注：id为ul1里所以的奇数项的字体颜色变成白色
2.选择id为ul1里所以的偶数项
#ul2 li:nth-child(even)
{
color:#fff;
}
注：id为ul1里所以的偶数项的字体颜色变成白色
3. 选择a元素的src属性以abc开头的每个a元素。
a[src^="a"]
{
border:1px solid #f00;
}
注：a元素的src属性以abc开头的每个a元素加个边框。
4.选择a元素的src属性以abc结尾的每个a元素。
a[src$="a"]
{
border:1px solid #f00;
}
注：a元素的src属性以abc结尾的每个a元素加个边框。
5.选择a元素的src属性值包含abc的每个a元素。
a[src*="a"]
{
border:1px solid #f00;
}
注：选择a元素的src属性值包含abc的每个a元素加个边框。
6.选择前面有div元素的每个ul元素
div~ul
{
border:1px solid #f00;
}
注：前面有div元素的每个ul元素加个边框。
7.选择每个禁用的input元素
input:disabled
{
border-color: #f00;
}
注：每个禁用的input元素的背景颜色变成红色。
8.选择每个启用的input元素
input:enabled
{
border-color: #f00;
}
注：每个启用的input元素的背景颜色变成红色。
9.选择父元素里第二个子元素的所以的p标记
p:nth-child(2)
{
color: #f00;
}
注：父元素里的第二个子元素的所以的p标记的字体颜色变成红色。
标签：边框 偶数 inpu led abc 选择器 color disabled 包含
原文地址：http://www.cnblogs.com/zhang1999/p/7168823.html
