Отключить родительскую ссылку (якорь), используя CSS ⇐ Html

[Anonymous]

У меня есть якорь и H1 с пролетом. Когда я нажимаю на промежуток, я показываю предупреждение, но ссылка также открыта, и я не хочу, чтобы это произошло, я хочу только показать предупреждение. Есть ли способ сделать это с CSS (я не могу использовать jQuery для этого)? Может Z-Index?. Это код: < /p>

Код: Выделить всё

$("span").click(function() {
alert("The span was clicked");
});< /code>
h1 {
background-color: green;
}

span {
font-size: 12px;
color: white;
margin-left: 15px;
}< /code>


[url=https://stackoverflow.com/]
Title Some text
[/url]

Здесь скрип: https://jsfiddle.net/b820m6uj/

Подробнее здесь: https://stackoverflow.com/questions/443 ... -using-css