css - 无法删除最后一个孩子的 CSS 边框
问题描述
之后我无法删除 li 的最后一个孩子的边框。最后一个孩子之后不工作。让我知道如何解决这个问题。
.main-menu__link {
font-size: 15px;
background: #fff;
color: #f37321;
&::after {
border-right:#522e91 1px solid;
height: 14px;
content: " ";
padding-left: 15px;
&:last-child() {
border-right: none;
}
}
<ul class="main-menu">
<li class="main-menu__item"><a class="main-menu__link" href="#">PRESS RELEASE</a></li>
<li class="main-menu__item"><a class="main-menu__link" href="#">REQUEST A REP</a></li>
<li class="main-menu__item"><a class="main-menu__link" href="#">PRESCRIBING INFORMATION </a></li>
</ul>
解决方案
您正在选择main-menu__link
a 内部的最后一个孩子main-menu__item
,它就是它本身。您必须选择第一个的最后一个孩子main-menu__item
。
将此添加到您的样式中:
.main-menu__item {
&:last-child {
.main-menu__link {
&::after {
border: none;
}
}
}
}
推荐阅读
- javascript - 如何使用 AJAX 将 HTML 表单文件传递给 PHP
- javascript - 如何使用配置对数组进行排序
- java - UseCompressedOops UseCompressedClassPointers 在 jdk-13 和 jdk-15
- mongodb - Scala ReactiveMongo findAndUpdate 特定字段的占位符
- xml - CFXML - enablecfoutputonly 为“是”时“文件过早结束”
- c# - 从 Microsoft.Extensions.Configuration 将 JSON 作为字符串读取
- html - 使用 flex-basis 后无法垂直堆叠弹性项目
- python - 在python中使用socket libfrary从http中检索数据
- python - 使用 Python 更改图像中定义的颜色
- mongodb - 如何在 Mongo shell 中增加一行的限制