新手求助：如何用CSS移除页面头部指定超链接？（已尝试代码无效）

先看你提供的目标超链接HTML代码：

<a class="app-header-horizontal-navbar__text" data-bind="text: link.text, attr: {
                        title: link.text,
                        href: link.url,
                        'aria-label': link.text
                    }" title="Careers &amp; MyHR" href="https://oracle.fa.ocs.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1" aria-label="Careers &amp; MyHR">Careers &amp; MyHR</a>

你之前写的CSS没效果，核心问题是选择器完全匹配不到目标元素——你的代码里用到了.input-row、[data-qa="Careers & MyHR"]这些，但目标链接里根本没有对应的结构和属性，自然不会生效。

直接隐藏该链接的CSS方案 #

如果这个链接是页面上唯一使用.app-header-horizontal-navbar__text类的元素，直接用类选择器就能隐藏：

.app-header-horizontal-navbar__text {
  display: none;
}

如果这个类还被其他元素使用，需要更精准的定位，可以通过title或aria-label属性筛选：

/* 通过title属性定位 */
.app-header-horizontal-navbar__text[title="Careers & MyHR"] {
  display: none;
}

/* 或者通过aria-label属性定位 */
.app-header-horizontal-navbar__text[aria-label="Careers & MyHR"] {
  display: none;
}

点击后隐藏的CSS方案（仅临时生效） #

如果是想点击这个链接时隐藏它，CSS只能实现临时隐藏（松开鼠标后会恢复显示，因为CSS无法持久化状态），可以用:active伪类：

.app-header-horizontal-navbar__text:active {
  display: none;
}

要是需要点击后永久隐藏，仅靠CSS做不到，得配合JavaScript实现。

内容的提问来源于stack exchange，提问作者Tech_Girl7819