<html> <head> </head> <body> <div> <a href="http://www.google.com"> <span>title<br></span> <span>description<br></span> <span>some url</span> </a> </div> </body> </html>
我对CSS很新，我有一个简单的案例像上面。我想让“标题”和“某些网址”可点击，但希望将说明设为不可点击。有什么办法做到这一点，通过应用一些CSS在跨度，所以内部的跨度，它是不可点击。
我的约束是，我不想改变div的结构，而只是应用css我们可以做一个跨度在锚标签内，不可点击？
解决方法
使用CSS你不能，CSS只会改变span的外观。但是，您可以通过向span添加onclick处理程序而不更改div的结构：
<html> <head> </head> <body> <div> <a href="http://www.google.com"> <span>title<br></span> <span onclick='return false;'>description<br></span> <span>some url</span> </a> </div> </body> </html>
然后，您可以对其进行设置，使其看起来不可点击：
<html>
<head>
<style type='text/css'>
a span.unclickable { text-decoration: none; }
a span.unclickable:hover { cursor: default; }
</style>
</head>
<body>
<div>
<a href="http://www.google.com">
<span>title<br></span>
<span class='unclickable' onclick='return false;'>description<br></span>
<span>some url</span>
</a>
</div>
</body>
</html>
