html - 目标/覆盖来自外部 css 的内联 css

Question

我的编码知识非常有限html/css，但是我有一个问题让我想了解更多。无论如何，我想更改嵌套在页面代码内部的font-sizea 。<span>完整的代码片段如下所示：

<span style="font-size: 11px;">Buy</span>

我想将其更改为font-size:14px;. 但是，由于没有类/ID，只有一个<span>，我不明白如何更改它。正如我所说，它在文档的深处，至少有 20 个 div 或一些围绕它。

有没有办法瞄准那个跨度，也许得到“路径”。我一直在摆弄 Chrome 中的开发人员工具，但我真的不明白 XPath 可以如何帮助我？

总结一下 - 我如何从外部 css 覆盖内联 css（没有类或 ID）？

谢谢你。

score 1 · Accepted Answer

抱歉，如果您已经尝试过，但是您的 css 声明中的 !important 将覆盖任何 css 声明

score 1 · Accepted Answer

您可以将属性声明为 final（用我的话），如下所示。
在外部试试这个：
selector {
font-size: 14px !important;
}

score 0 · Accepted Answer

向它添加一个类，然后定位 <span class="target">Buy</span>

添加“新”课程不会受到伤害

你不能直接在没有类的情况下定位它。也许父 div 有一个类

<div class="parent">
   <span style="font-size: 11px;">Buy</span>
</div>

.parent span{
  font-size: 18px !important;
}

您将不得不使用!important来覆盖内联 css .. 还要记住，这将影响spandiv 类中的所有内容parent

score 0 · Accepted Answer

您需要有一个 id 才能更改该特定跨度的字体大小。如果您更改跨度，它将影响文档中的所有跨度。或者，如果跨度有一个父元素，您可以选择它

.parent span {
font-size:14;
}

更新

需要有 !important 来覆盖内联规则。

但无论如何谁使用内联规则。你不应该。

score 0 · Accepted Answer

<div style="background: red;">
    The inline styles for this div should make it red.
</div>

我们可以用这个来解决这个问题：

div[style] {
   background: yellow !important;
}

当然，只需在 [style] 之前的 div 中添加一个类，即可使用您添加的类更改 div。例子：

div.myclass[style]

5 回答 5