Html 如何在弹出窗口中隐藏特定行

这是网站的代码：

<div class="infoBox" style="position: absolute; visibility: visible; width: 450px; left: 504.626px; top: -103.94px;">

<div class="marker-wrapper animated fadeInDown">
    <div class="marker-title"></div>
    <div class="marker-content">
        <div class="two_third popup-content">
            <ul>
                <li></li>
                <li>
                    <span class="icon-link"></span>
                    <a href="http://www.hotelesavant.com" target="_blank" rel="nofollow"></a>
                </li>
            </ul>
        </div>
        <div class="one_third last image-wrapper pop-image"></div>

但我只想隐藏这一点：

<li>
  <span class="icon-link"></span>
  <a href="http://www.hotelesavant.com" target="_blank" rel="nofollow"></a>
</li>

---

致以最良好的祝愿。。。先谢谢你

您可以使用最后一个子项：

.popup-content ul li:last-child { display:none;}

编辑：如果所讨论的“LI”元素最终不是最后一个LI，则您可以选择使用：

li:nth-child(#index of the element)

就你而言：

li:nth-child(1)

---

当然，除非您可以添加类。

为您的li提供

id

或

类

，并将其

可见性

属性设置为

隐藏

或

折叠

：

<li class="hide">
  <span class="icon-link"></span>
  <a href="http://www.hotelesavant.com" target="_blank" rel="nofollow"></a>
</li>

.hide {
    visibility: collapse;
}

.隐藏{
能见度：塌陷；
}

---

我建议将

折叠

置于

隐藏

之上，因为它甚至不会占用它将使用的空间，而只是将其呈现为透明。

visibility

属性的优点是，您不仅可以使它消失，而且如果您想保留它将占用的空间，还可以使它透明。

您可以使用

相邻同级选择器

'+'

.icon-link + a {
    display: none;
}

---

问题是当您想隐藏不是最后一个子元素的内容时。@user1206365如果'li'元素最终不是最后一个子元素，那么您的另一个选择是使用li:n子元素（#元素的索引），当然，除非你可以添加一个类：）对不起，如果我触动了神经，但这不是一个非常具体的情况，该网站的目标是提供实际有用的答案来帮助其他人学习，而不仅仅是纠正他们上传的代码。你可能想编辑你的答案，并添加你在上一条评论中描述的内容，我认为这可能比一门课更能帮助他（我甚至不知道你能写出那样的选择器）。@arielnmz我没那么敏感；）我会更新我的答案。。虽然你的评论似乎不合适。。。我没有纠正OP的代码，我想我确实帮了忙，因为解决方案起了作用，我希望人们可以从中学习，甚至是你。这只是一个例子，当然你应该在自己的代码上实现这种方法。

.icon-link + a {
    display: none;
}