锐客网

  1. 首页 > 睿知 > it技术 > >

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

WordPressIT知识问答网站开发csshtml文本隐藏文本

我想使用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选择器是什么（）】在代码中添加此CSS, 文本会自动隐藏
p{ visibility: hidden; }

    推荐阅读


    上一篇：将jQuery添加到Underscores(_s)WordPress主题的最佳方法是什么（）

    下一篇：尝试预览主题时-该站点遇到技术难题。请检查你的站点管理员电子邮件收件箱以获取说明