IECSSBug系列：32样式限制

受影响的版本

目前成都创新互联已为1000+的企业提供了网站建设、域名、网页空间、网站托管维护、企业网站设计、安达网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

IE6，IE7，IE8（译者注：在IE9中切换浏览器版本为7、8、9均出现此bug，在IE11中切换浏览器版本均没有出现该bug，这个…..仅供参考）

表现

排在第32个（及之后的）样式会被忽略（例如 

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  • p { border: 5px solid #000; } 
  •  

  • I should have borders!

    • 解决方案

    以下是针对此bug的解决方案

    方案（伪bug）

    教程日期

    2009 8.12 15:28:11 周三

    修复版本

    所有受影响的版本

    描述

    如果你在实际网站开发中遇到了这个问题，你也许不能选择用“更少的样式标签”，解决方案可能会变得更复杂。基于那个事实，在修正的演示中，我会展示达到限制条件的情况：

    由于该bug的天然特性，这个演示在一个单独的页面上：（译者注：此处的页面链接有错误，跟前一个演示链接是一样的，明显和下面的html代码不符）

    HTML 代码：

     
 
 
      
  
  
  
    1. p { border: 5px solid #000; } 
      2. 
  
  
  
    2.  
      3. 
  
  
  
    3. I should have borders!
      4.

    如果你不能采取“使用更少的样式标签”的解决办法，问题就会变得更复杂。最好的方案就是采用一个后处理，将超量的样式进行合并放入一个style里（如将多个