我想使用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;
}
评论前必须登录!
注册