如何在span标签内实现块链接?

时间:2012-12-06 13:11:04

标签: html css block

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

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

1 个答案:

答案 0 :(得分:3)

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