javascript - 使用条件设置下一个标签/类的样式

Question

我需要向给定元素旁边的元素添加一些样式，但前提是给定元素具有某些特殊样式，如 display: none;。

<style>
    .twentyfive {font-size: 25px;}
    .twentyfive + .fifty {font-size: 50px;}
</style>

<div class="twentyfive" style="display: none;">25</div>
<div class="fifty">50</div>
    <br /><br />
<div class="twentyfive">25</div>
<div class="fifty">Not 50</div>

在给定的示例中，.fifty div 应该只缩放到 50px，以防它跟随 .twentyfive 带有 style="display: none;".

我应该向 CSS 添加什么？

或者只有 JavaScript 才有可能？在这种情况下，脚本应该是什么？

提前谢谢你。

Answer 1

另一种解决方案是:

.twentyfive {font-size: 25px;}
[data-disp="no"] { display: none; }
[data-disp="no"] + .fifty  {font-size: 50px;}

<div class="twentyfive" data-disp="no">25</div>
<div class="fifty">50</div>
    <br /><br />
<div class="twentyfive">25</div>
<div class="fifty">Not 50</div>