CSS引用元素内的文本，但不引用文本的相邻div [重复]

7eumitmz 于 2023-03-20 发布在其他

关注(0)|答案(1)|浏览(90)

此问题在此处已有答案：

Hide text in html which does not have any html tags [duplicate]（3个答案）
5天前关闭。
在下面的示例中，如何隐藏“我要隐藏的文本”而不隐藏标记为“需要显示的内容”的div？

<section>
    <div>Content that needs to be visible</div>
    <a href="#">Link I want hidden</a>
    Text I want hidden
</section>

引用任何带有指定标记的东西显然很容易被引用;我只是不知道如何隐藏<section>中的文本并保持<div>可见。
如果应用<style> section :not(div) { display: none; } </style>，隐藏的只是<a>标记;我想隐藏的文字还在。

css

来源：https://stackoverflow.com/questions/75736098/css-reference-to-text-inside-element-but-not-to-texts-adjacent-div

1条答案

按热度按时间

vhipe2zx1#

如果文本节点不被 Package ，就无法将display: none应用于文本节点，但可以使用font-size解决这个问题。这可能会产生可访问性问题，因为屏幕阅读器会认为文本仍然存在，即使它没有显示。
理想情况下，用span或类似的格式 Package 文本，但如果你不能更改html，这是一个选择。

section {
  font-size:0;
}

section > div {
  font-size: initial;
}

<section>
    <div>Content that needs to be visible</div>
    <a href="#">Link I want hidden</a>
    Text I want hidden
</section>

赞(0）回复(0）举报 2023-03-20

我来回答

CSS引用元素内的文本，但不引用文本的相邻div [重复]

1条答案

相关问题

热门标签

最新问答