Css 如何仅在类已经存在时实现sr类

我有一个div，其中有一个已经建立的类，我不能删除它，但是我需要为视觉阅读器和屏幕阅读器都能够“读取”内容而删除它。据我所知，

sr only

是屏幕阅读器只能阅读的，我如何为屏幕阅读器和视觉阅读器开发此功能

<div class="page instructions">
  <p>I'm baby pBR&B activated charcoal mlkshk quinoa, kickstarter keytar tattooed bespoke cray 8-bit ramps blue bottle.</p>
  <p>Cliche cronut hella actually godard venmo banh mi hashtag paleo poutine selvage fixie.</p>
  <p>Locavore tofu sartorial man braid, pickled tumeric pug bespoke schlitz adaptogen live-edge microdosing echo park cronut.</p>
  <p>Art party ramps direct trade, hashtag heirloom gluten-free literally glossier vaporware sartorial normcore edison bulb tousled.</p>
</div>

我是婴儿pBR&B活性炭mlkshk奎奴亚藜，kickstarter keytar纹身定制cray 8位渐变蓝瓶

陈词滥调克罗努特·赫拉实际上是戈达尔·文莫·班米的标签“古布丁布边修复”

Locavore豆腐缝制男士辫子，腌制tumeric哈巴狗定制schlitz Adaptegen live edge微量剂量echo park cronut

艺术派对扩大了直接贸易，贴上了“传家宝无麸质”的标签，字面意思是光泽度更高的蒸汽服装标准的爱迪生灯泡凌乱不堪

如果您想让屏幕阅读器和视力正常的用户都能看到文本，则无需进一步操作。假设文本可以在屏幕上查看，默认情况下，屏幕阅读器已经可以查看该文本

---

---

请注意，

class=“page instructions”

表示元素具有

page

类和

指令类（类名以空格分隔）。因此，例如，如果您希望文本具有类
sr only
和
page instructions
，您只需使用
class=“sr only page instructions”
sronly
就意味着它应该只能被屏幕阅读器访问，而不能被视觉上查看文本的有视力的用户看到。这是你的意图吗？@LionelRowe，啊，没错，这是有道理的。好的，不，我的目的是视觉阅读器和屏幕阅读器都可以“阅读”它。啊，所以只要文本在屏幕上物理呈现，屏幕阅读器就可以看到它，谢谢。是的。对屏幕阅读器隐藏文本的唯一情况是故意添加
aria hidden
属性，或者使用图像或CSS呈现文本
：：在
之前或
：：在
内容之后。