当第一个元素的 aria-hidden 处于活动状态时，有条件地渲染第二个元素

编程问答 2022-04-21

问题描述

我有以下代码，其中我有第一个跨度，aria-hidden 设置为 true，第二个跨度是正常跨度。

<!DOCTYPE html>
<html>
<body>
<p>
 <!-- Icon added visually. Voicing is suppressed. -->
 <span class="star" aria-hidden="true"></span>
 <!-- Accurate text alternative added-->
 <span>Favorite</span>
</p>
</body>
<style>
 .star:before {
 /* Icon added via generated content 
 from Unicode Private Use Area (PUA) */
 content: "f";
 }
 span.star { 
 color:purple;
 background:white;
 font-size:3em;
 padding-left:0.2em;
 }
 p>span+span {
 font-family:sans-serif;
 font-size:1.1em;
 display:block;
 padding-left:0.2em;
 } 
</style>
</html>

请注意，第一个 span 的类名将是动态的（类似于“fa fa-star”），现在我将其保留为“star”

到目前为止，这两个元素都被显示了......我真正想要的是每当第一个跨度无法呈现时（由于字体很棒不起作用或可能是任何原因），那时我只需要要显示的第二个跨度，否则必须隐藏第二个跨度。

我该怎么做？提前致谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmljavascriptlesssasssass