所以我在一個網站上看電影,他們的字幕讀起來像小字。我希望增加它。唯一的問題是,不管出于什么原因,他們所有的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>
所有跨度內& quot保持原樣& quot副標題更改時更改(重新創建)。
嘗試直接以HTML元素為目標。你可能還需要用!重寫內聯樣式很重要。
使用瀏覽器的“檢查元素”工具的“樣式”部分添加它:
span#stays-the-same span {
(styling for first nested span here)
}
span#stays-the-same span span {
(styling for second nested span here)
}