相同的html代码,应用相同的id / class - 但它们以不同的方式显示

时间:2013-11-01 11:22:22

标签: html css

请查看this page。 正如您在中央列中看到的,在左侧网站<div class="fLeft">上有一些链接。

问题:<div class="fLeft">内的文字与公司名称的格式不同<a id="modaija"...

在此部分代码之前,字体的权重较高,第一个字母较大。

我找不到合理的解释,因为有两种不同风格的<div class="fLeft">具有相同的结构。这是:

<div class="post_blog">
<div class="entry_blog">
<div class="wrapperblogi">
<div class="col2">
<div class="fLeft">
<div style="margin-top:65px">
<p>and the texts are here inside</p>

我也检查了链接本身。它们没有应用任何ID或CLASS或应用了element.style。

我已经使用Chrome开发工具进行了检查,看起来CSS是相同的。 但是对于带有粗体文本和大字母的链接,它会显示以下属性:.entry_blog a而对于具有不同样式的以下链接,它会显示仅a的属性。

我无法理解为什么代码的两个部分应用了不同的样式。 它们的编码方式相同。为了添加新链接,我只是复制并粘贴了上面<div class="wrapperblogi">的代码,因此始终如此。

要清楚......正确的代码就是上面那个......改变颜色的代码:悬停。它看起来不太好,我会改变它,但在做出改变之前我更愿意理解错误并纠正它。

我可以补充一点,W3C验证器没有显示该代码的任何错误。页眉或页脚中只有一些不重要的错误。

某处有什么不对吗?

2 个答案:

答案 0 :(得分:0)

这是因为它们被<strong></strong>标签

包围

答案 1 :(得分:0)

我找到了问题的根本原因。之前连续3次关闭</div>

      </div>

</div>

</div>

<div style="clear:both;"></div>

<!-- end -->

<br />

&nbsp;<br />

<div class="wrapperblogi" >

  <div class="col2">

    <div class="companyname"><a id="modaija..."

但应该只有两个。当我删除第三个,代码工作正常。它现在看起来像这样:

     </div>

</div>

<div style="clear:both;"></div>

<!-- end -->

<br /> ...