2013-03-22 80 views
0

我對編碼知識非常有限,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)?

謝謝。

回答

0

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

.parent span { 
font-size:14; 
} 

更新

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

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

+0

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

+0

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

+0

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

0

添加類,然後針對 <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內

1

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

1

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

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

我們可以爭取與此:

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

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

div.myclass[style]