從外部CSS目標/覆蓋內聯CSS

我對編碼知識非常有限，html/css，但我有一個問題，這讓我想了解更多。無論如何，我想更改一個<span>內部的font-size，嵌套在頁面的代碼中。完整的代碼片段看起來是這樣的：從外部CSS目標/覆蓋內聯CSS

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

我想改變這種狀況，以font-size:14px;。但是，由於沒有課程/ ID，只是<span>，我不明白如何改變它。正如我所說，它在文檔內部很深，並且至少有20個div或一些div。

有沒有一種方法來瞄準那個跨度，並且可能得到「路徑」。我一直在Chrome瀏覽器上開發工具的擺弄，但我真的不明白XPath如何幫助我？

總結起來 - 如何從外部css覆蓋內聯css（沒有類或ID）？

謝謝。

2013-03-22 blossdude

您需要有一個ID才能更改該特定區域的字體大小。如果您更改跨度，則會影響文檔中的所有跨度。或者，如果跨度有父元素，你可以選擇

.parent span { 
font-size:14; 
}

更新

需要有！重要覆蓋嵌入式規則。

但是誰使用內聯規則。你不應該。

2013-03-22 08:13:02 btevfik

它不會覆蓋內聯樣式！它確實是 – 2013-03-22 08:14:31

。 http://jsfiddle.net/btevfik/Tcxp9/ @nd_macias – btevfik 2013-03-22 08:17:16

內聯樣式優先於外部樣式聲明，所以它不會覆蓋，除非您設置'！important'。您的jsFiddle示例不包含任何內聯樣式。 – 2013-03-22 08:21:29

添加類，然後針對 <span class="target">Buy</span>

添加一個「新」類的不會傷害

無類，否則不能對其進行定位直接..也許父div有一類，那麼

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

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

您將ahve使用!important覆蓋內嵌CSS ..也請記住，這將帶班的影響所有span一個div內

2013-03-22 08:11:10

很抱歉，如果你已經嘗試過這一點，但！在你的CSS聲明將覆蓋任何CSS聲明

2013-03-22 08:13:13 Kundan

可以如下聲明屬性爲final（在我的字）的重要。
試試這個在外部：
選擇器{
font-size：14px！important;
}

2013-03-22 08:13:15

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

我們可以爭取與此：

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

當然只需添加一個類到div [風格]之前更改與類添加的格。例如：

div.myclass[style]

2013-09-16 10:15:37 KnausO

回答