2013-03-22 74 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]