css - 在此上下文中，元素 h5 不允许作为元素 span 的子元素

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

ulandh5是块级元素，但是span是内联元素。内联元素可以放在块元素旁边，但块元素不能放在内联元素中。的块级等效项span是div。改用 a div。

请注意，在 HTML5 中，原理大致相同，但内容模型不仅仅是块和内联。