html - 如果其中有 <tr>，则 Css 悬停在 <span> 上不起作用？

Question

为什么不会<span>包含 <tr> 时悬停工作在<table> ？

这是一个例子:

html

<p>
    <table>
        <tr><td>
            <a>HOVER</td></tr><span><tr><td>child</td></tr></span></a>
       <tr><td> <span>immediate sibling</span>
           <span>general sibling</span></tr></td>
        </tr>
    </table>
</p>

CSS

p { font-size:20px; margin:20px; cursor:default; }
a { color:blue; border:3px solid blue; }
span { background:#ccc; }

span:hover { background:yellow; }

http://jsfiddle.net/UAHw7/22/

Answer 1

因为 <span>首先是不允许在那里的。

使用 validator帮助您修复 HTML。然后担心它的样式。