如何在eBay列表中真正控制字体大小

Win*_*Win 3 html css

我试图在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 不要覆盖我的风格.

知道怎么克服这个吗?

Ble*_*der 6

可能是一个肮脏的技巧,但你有没有尝试使用!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)

尝试尽可能具体,因为特定的选择器覆盖非特定的选择器.