我一直在尝试删除最后一个选项卡的border-right属性...但是nth-child属性或last-child属性都不起作用... 另外,当我使用nth-child(1)时,它会选择所有子项,但不适用于其他值
<!-- HTML Markup -->
<ul>
<a href="#">
<li>Solutions</li>
</a>
<a href="#">
<li>Industries</li>
</a>
<a href="#">
<li>Resources</li>
</a>
<a href="#">
<li>Partners</li>
</a>
<a href="#">
<li>About</li>
</a>
<a href="#" class="button">
<li>Enterprise</li>
</a>
</ul>
/* CSS Code */
ul:after{
content: "";
display: block;
clear: both;
}
li {
float: left;
padding: 10px 15px;
/* border-right: 1px solid #a5a5a5; */
color: #1F222B;
}
li {
border-right: 1px solid #ff0000;
}
li:nth-of-type(1) {
border-right: 1px solid #00b2ff;
}
li:hover {
border-right: 1px solid #F3EFF2;
background: #1F222B;
color: #F3EFF2;
}
请提供解决方案和原因的帮助? 并且可以通过在'a'标签内使用'li'标签来实现解决方案 但是带有浮动的“ li”标签?
答案 0 :(得分:-1)
您可以添加此CSS,以从最后一个标签中删除边框
a:last-child li {
border-right: none;
}