在此上下文中，元素h5不允许作为元素跨度的子元素

Question

我有代码

<span>
<h5>Standard Page Template</h5>
<ul>
<li>1 Design Concepts</li>
<li>1 Free Round of Revisions</li>
<li>5 Day Turnaround</li>
<li>Photoshop Source File</li>
</ul>
</span>

和它的css为

#specs .type .prices a:hover span h5 {
color:#09f;
font-size:14px;
text-align:center;
top:3px;
margin:0;
padding:0;
display:inline;
position:relative;
}

我收到以下错误

“在此上下文中，元素h5不允许作为元素跨度的子元素”和 “在此上下文中，元素ul不允许作为元素跨度的子元素”

请帮帮我。

Answer 1

ul和h5是块级元素，但span是内联元素。内联元素可以放在iside块元素中，但块元素不能放在内联元素中。 span的块级等效项为div。请改用div。

请注意，在HTML5中，原则大致相同，但是content models不仅仅是阻止和内联。