如何解决如何控制eBay列表中的字体大小
| 我试图控制eBay列表中的字体大小,以使其在Firefox和Internet Explorer 8上看起来相同(或多或少)。 为简化起见,我只为整个正文文本指定一个字体大小:<body style=\"font-family: Verdana; font-size: 12px;\">
...
</body>
但是,在本地(在我的PC上)时,字体看起来像我想要的样子:
Firefox 3.6:
Internet Explorer 8:
在eBay本身上,字体看起来要大得多(这不是我想要的):
eBay上的Firefox 3.6:
eBay上的Internet Explorer 8:
我当然尝试了不同的字体大小单位规范(em
,%
等),但仍然存在差异。
为什么会发生这种情况,以及如何解决这个问题(无须张贴文字图片...)。
我知道eBay的CSS和HTML之间可能会发生冲突(我不使用任何CSS,仅使用内联样式!),但是我不知道如何告诉eBay不要重写我的样式样式。
任何想法如何克服这个?
解决方法
可能是一个肮脏的把戏,但是您是否尝试过使用
!important
声明覆盖CSS?
像这样:
foo: bar !important;
我建议您在Firefox上打开Firebug(或在Google Chrome上打开Chrome \的检查器),看看哪种样式会覆盖您添加的样式。
另一尝试是将这些样式(整个“ 5”属性)添加到文本块本身。如果可行,则您的代码不够具体。
您的问题似乎是选择器特异性。这就是什么意思:
如果我有适用于文档中所有元素的CSS:
body * {
foo: bar;
}
它将被更具体的选择器覆盖,如下所示:
body p {
foo: baz;
}
因为p
正在选择特定元素,而*
则广泛选择了所有元素。
当您应用style=
属性(例如<body style=\"...
)时,您将使CSS非常不确定,例如第一段代码。
而是将ѭ5属性应用于HTML:
<body>
<p style=\"...\">My content</p>
</body>
尝试使它尽可能具体,因为特定选择器会覆盖非特定选择器。
, 上面的答案都是错误的,或者是无用的。
您应通过将整个拍卖代码包装在id元素中(例如,紧接在
<身体>
标签,放
<div id=\"myauction\">
在此处插入您的拍卖代码。
</div><!-- END OF MYAUCTION -->
</body>
如果您发现某些元素仍然无法正常工作,请将它们也放入另一个id元素中,例如
<div id=\"column1\">
<div class=\"itemdetails\">
<h2>Item name</h2>
<p>Item description</p>
</div><!-- END OF ITEMDETAILS -->
</div><!-- END OF COLUMN1 -->
然后使用CSS之类的
#myauction#column1 .itemdetails h2 {color:black;等等...}
#myauction#column1 .itemdetails p {font-family:Helvetica;等等...}
这将使h2和p标签(可能)比Ebay CSS对它们所做的任何操作更加具体。
顺便说一句,Blender(上面)不知道他在说什么。坏建议总比没有好。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。