css3 选择器
2021-06-22 18:04
标签：边框 偶数 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标记的字体颜色变成红色。 css3 选择器 标签：边框 偶数 inpu led abc 选择器 color disabled 包含 原文地址：http://www.cnblogs.com/zhang1999/p/7168823.html
下一篇：CSS 链接