html中文本选择器是什么,隐藏纯文本的正确CSS选择器是什么？

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

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

https://prnt.sc/qskqbd

我想使用：

display: none;

}

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

Your resume can be veiwed, edited or removed below.

我收到以下错误：

https://prnt.sc/qskrgf

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

谢谢

#1

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

你的简历可以在下面进行浏览, 编辑或删除。 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;

}