css - 导致错误的神秘 span 标签

Question

我已经开始学习使用 firebug 来识别 css 问题，但我真的对这个一无所知。 HTML validator是说我应该移动 <span> <div> 内的标签:

Line 205, Column 55: Element div not allowed as child of element span in this context. (Suppressing further errors from this subtree.)


<pre id=line1><span><div class ='pto_product'>

问题是没有 span在 div class =pto_product 之前标记在插件的 html 标记区域中，所以我怀疑与页面模板有关。

我用 firebug 检查了 span 标签，它似乎与样式表中的这一行有关:

pre {margin: 20px 0px; padding: 20px; white-space: pre-wrap; 
white-space: -moz-pre-wrap; white-space: -pre-wrap; 
white-space: -o-pre-wrap; word-wrap: break-word; 
text-shadow: 1px 1px 1px rgba(255,255,255,0.85); }
address { letter-spacing: 1px; margin: 20px 0; }

我删除了整行但没有任何改变。我更进一步，删除了样式表中包含“span”但 span 的所有类和 ID。还在那里。谁能告诉我如何摆脱那个标签？非常感谢任何帮助。

Image http://i1350.photobucket.com/albums/p769/Stonecold_Stone/cssproblem_zps53199bb7.png

HTML validator

Page Link

Answer 1

如果你使用 jQuery，你可以使用它。

$("#line1").find("span").remove();