html - 如何在 span 标签内实现块链接？

Question

我已经从以下来源阅读了如何实现块链接：http ://green-beast.com/blog/?p=74 但是，我不知道如何将它应用于位于标签内的标签。由于我的 html 代码遵循这种格式：

<li class="">
    <span>
        <strong>
           <a href="#">Text</a>
        </strong>
        <span class="Count">Number</span>
    </span>
</li>

Answer 1

A<span>是一个内联元素，因此它不应包含块链接。这是因为内联元素不应该包含块元素。试试这个 HTML（已删除<span>）：

<li class="myList">
    <strong>
       <a href="#">Text</a>
    </strong>
    <span class="Count">Number</span>
</li>

和 CSS：

li.myList strong a { display:block; }

如果有什么看起来令人困惑，您可能需要阅读“CSS 选择器”和“CSS 中的内联和块元素”。