如何在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

<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中的内联和块元素”。