<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我们可以创建一个在锚标签内的span,而不是可点击的？
所以，我正在使用一些 css3 弹出窗口/模式。我对它们的工作方式非常满意，但是在模式关闭后，页面滚动回到顶部，我不确定为什么会发生这种情况。
你可以在这里看到行为这是 html 的片段
<div class="flip">
<div class="front">
<img src="images/SDG_ICONS/SDG01.png" alt="No Poverty" />
</div>
<div class="back">
<ul>
<a href="#ared-no-poverty"><li>ARED</li></a>
<a href="#agrocenta-no-poverty"><li>AgroCenta</li></a>
<a href="#tilly-no-poverty"><li>Tilly's Farm</li></a>
</ul>
</div>
</div>
<div id="ared-no-poverty" class="overlay">
<div class="popup">
<h2>ARED</h2>
<a class="close" href="#"> ×</a>
<p class="popup">Some text in here</p>
</div>
这是我用于弹出窗口/模式的 css
.popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 30%;
position: relative;
transition: all 5s ease-in-out;
z-index: 2;
}
.popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, …