将块元素的父元素设置为内联显示是不合法的吗？

Question

在内联元素中有一个块元素是有效的CSS吗？

例如:

<a href="#">
    <span></span>
</a>

在内联时是span { display: block; }非法的<a>吗？

Answer 1

CSS规则不会以任何方式影响标记的有效性.

有关如何处理display: block元素内部display: inline元素的规则可以在CSS规范中找到.

当内联框包含一个流内块级别框时,内嵌框(及其同一行框内的内联祖先)在块级框(以及任何连续或仅由其分隔的块级兄弟)中被打破.可折叠的空白和/或流出元素),将内联框分成两个框(即使任一边是空的),块级框的每一边一个.中断前和中断后的行框都包含在匿名块框中,块级框成为这些匿名框的兄弟.当这样的内联框受到相对定位的影响时,任何结果转换也会影响内联框中包含的块级框.