H5W3
当前位置:H5W3 > APIcloud技术问答专区 > 正文

隐藏纯文本的正确CSS选择器是什么?

我想使用CSS在wesbite上隐藏一些文本。我想删除”你的简历可以在下面查看, 编辑或删除”。用户个人资料页面上的文本。请参见下图。

当我检查它时, 它显示如下:

https://prnt.sc/qskqbd

我想使用:

 display: none;
}

但是我不确定此文本的选择器在使用时会是什么:

<p>Your resume can be veiwed, edited or removed below.
</p> == $0

我收到以下错误:

https://prnt.sc/qskrgf

我只是想知道正确的选择器是什么, 因为我只想只隐藏此文本?

谢谢

#1

我认为你可以通过CSS Selectors中的速成课程来做我的朋友。

<p>你的简历可以在下面进行浏览, 编辑或删除。</ p> == $ 0是实际的HTML, Dev Tools添加了== $ 0, 以显示当前所选元素的索引。

为了选择没有专用类或ID的元素, 你需要选择一个祖先, 然后再选择它。

在你的特定情况下, 可以使用以下方法:

#resume-manager-candidate-dashboard > p {
    display: none;
}

要做的是选择带有id =” resume-manager-candidate-dashboard”的元素, 然后使用> Direct Child Combinator选择任何直接子元素p元素。我这样做是因为你的表中可能有一个p, 而#resume-manager-candidate-dashboard p也会选择。

#2

你需要了解Class和id的工作方式:)

现在我来问你真正的问题, 根据你的图片, 你需要在CSS文件中设置此属性

#resume-manager-candidate-dashboard>p:nth-child(1) {
    display: none;
}

希望对你有帮助。 🙂

让我知道你是否有任何进一步的说明。

#3

在代码中添加此CSS, 文本会自动隐藏

p{
  visibility: hidden;
}

本文地址:H5W3 » 隐藏纯文本的正确CSS选择器是什么?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址