Question

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

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

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

有没有办法定位该范围，也许可以获得“路径”。我一直在使用Chrome中的开发者工具，但我真的不知道XPath如何帮助我？

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

谢谢。

Answer 1

很抱歉，如果你已经尝试过这个，但是！css声明中的重要内容会覆盖任何css声明

Answer 2

您可以将财产声明为最终（在我的话中），如下所示在外部尝试这个：
    选择器{
    font-size：14px！important;
    }

Answer 3

为其添加一个类然后定位 <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 ..还要记住，这会影响类span

的div中的所有parent

Answer 4

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

.parent span {
font-size:14;
}

<强>更新

需要！重要的是覆盖内联规则。

但是谁还是使用内联规则。你不应该。

Answer 5

<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]