CSS选择器。我一定没有正确理解这一点
我找不到第五个锚标签。我只是想将最终的锚从列表的其余部分直观地分离出来,但我仍然希望将其分组(显然是通过ul) 感谢您的帮助CSS选择器。我一定没有正确理解这一点,css,css-selectors,Css,Css Selectors,我找不到第五个锚标签。我只是想将最终的锚从列表的其余部分直观地分离出来,但我仍然希望将其分组(显然是通过ul) 感谢您的帮助 ul> <li>PORTFOLIO:</li> <li><a href="index.html">layout</a></li> <li><a href="logo.html">logo design</a></li>
ul>
<li>PORTFOLIO:</li>
<li><a href="index.html">layout</a></li>
<li><a href="logo.html">logo design</a></li>
<li><a href="print.html">print design</a></li>
<li><a href="mailto:blahblahblah@yahoo.com">Contact Me</a></li>
</ul>
#mainNav a {
color:#428896;
text-decoration: underline;
}
#mainNav ul>:first-child {
letter-spacing: 2px;
text-decoration: none;
}
#mainNav ul li:nth-child(5) {
padding-left: 50px;
}
ul>
投资组合:
#主导航a{
颜色:#428896;
文字装饰:下划线;
}
#主导航ul>:第一个孩子{
字母间距:2px;
文字装饰:无;
}
#第n名儿童(5){
左侧填充:50px;
}
您的最后一个li
未关闭是打字错误吗?如果您想要最后一个锚,为什么不使用:
ul li:last-child a{
letter-spacing: 2px;
text-decoration: none;
color:red;
}
在您的示例中,ul没有#mainNav id您的CSS是错误的<代码>填充:左:50px代码>应
左填充:50px代码>
ul li:nth-child(5) {
padding-left: 50px;
}
您的选择器很好。左填充的属性是padding left
,而不是padding:left
查看此小提琴>什么浏览器?这不是所有的CSS都支持的。你的CSS是错误的<代码>填充:左:50px代码>应左填充:50px代码>ul>:第一个孩子
我不是CSS专家,但这有效吗?是不是应该是ul>li:first child
?@rlemon:Yes,ul>:first child
与ul>*:first child
相同。粘贴代码时需要小心,并清楚地解释您要查找的内容。就目前而言,有许多错误和不一致可能导致错误的假设。即使是这样,也不会以任何方式影响DOM,除非
标记后面有其他内容。我很抱歉。最后一个在我的实际代码中,但没有正确复制。最后一个孩子的IE支持不好。我认为第n个孩子的IE支持不好too@JezenThomas:不,完全一样。