我试图在eBay列表中控制字体大小,使其在Firefox 和 Internet Explorer 8 上看起来相同(或多或少).
为简化起见,我只为整个正文文本指定一个字体大小:
<body style="font-family: Verdana; font-size: 12px;">
...
</body>
Run Code Online (Sandbox Code Playgroud)
然而,在本地(在我的电脑上)字体看起来像我希望它看起来像:
Firefox 3.6:
Internet Explorer 8:
在eBay上,字体看起来要大得多(这不是我想要的):
易趣上的Firefox 3.6:
易趣上的Internet Explorer 8:
我试图当然不同的字体大小单位规范(的em,%等),但差异仍然存在.
为什么会发生这种情况?如何解决这个问题(无需借助发布文本图像......).
据我所知,eBay的CSS和我的HTML之间可能存在一些冲突(我不使用任何CSS,我只使用内联样式!),但我不知道如何告诉eBay 不要覆盖我的风格.
知道怎么克服这个吗?
可能是一个肮脏的技巧,但你有没有尝试使用!important声明覆盖CSS ?
像这样:
foo: bar !important;
Run Code Online (Sandbox Code Playgroud)
我建议你在Firefox上打开Firebug(或Chrome浏览器上的Chrome浏览器),看看哪些样式会覆盖你添加的样式.
另一件事是将这些样式(整个style=属性)添加到文本块本身.如果可行,那么您的代码就不够具体了.
你的问题似乎是选择器特异性.这意味着什么:
如果我有CSS适用于文档中的所有元素:
body * {
foo: bar;
}
Run Code Online (Sandbox Code Playgroud)
它将被更具体的选择器覆盖,如下所示:
body p {
foo: baz;
}
Run Code Online (Sandbox Code Playgroud)
因为p正在选择一个特定元素,而*广泛选择所有元素.
当您应用该style=属性时,就像这样<body style="...,您正在使CSS非常不明确,就像第一块代码一样.
而是将style=属性应用于HTML:
<body>
<p style="...">My content</p>
</body>
Run Code Online (Sandbox Code Playgroud)
尝试尽可能具体,因为特定的选择器覆盖非特定的选择器.