当你不能控制子对象的CSS时,强制子对象在CSS中使用父对象的字体大小?

wgxvkvu9  于 2023-05-19  发布在  其他
关注(0)|答案(1)|浏览(139)

所以我在一个网站上看电影,他们的字幕读起来像缩微印刷品。我希望增加它。唯一的问题是,他们所有的CSS都是内联的,不管出于什么原因。每行标题都有自己的内联样式。
我能看到字幕的母版。我试过使用!强迫孩子使用父母的风格是很重要的,我唯一设法改变的是行间的空间。我猜这是因为子元素有自己的字体大小。
我不是UI/UX开发人员。有没有办法强制子span使用父span的字体?
我试图控制的跨度:

<span id="stays-the-same" style="font-size:30pt !important"> //I tried introducing the font size here.
    <span style="white-space: pre-wrap; color: white; direction: ltr; opacity: 1; display: inline; font-family: Arial, Helvetica, Liberation Sans, sans-serif; font-weight: 400; font-style: normal; font-size: 10px; text-align: center; writing-mode: horizontal-tb;"><span style="background-color: transparent;">
        <span style="background-color: transparent;">
            New line of subs.
        </span>
    </span>
</span>

当副标题改变时,“保持不变”内的所有跨度都改变(重新创建)。

n9vozmp4

n9vozmp41#

尝试直接针对HTML元素。您可能仍然需要使用!important来覆盖内联样式。
使用浏览器的“检查元素”工具的“样式”部分添加此元素:

span#stays-the-same span {
(styling for first nested span here)
}

span#stays-the-same span span {
(styling for second nested span here)
}

相关问题