Как beforeсделать ссылкой а не просто блоком?

Question

[pegas]

Как псевдоелемент сделать ссылкой а не просто блоком? чтобы на новости можно было нажать и она была ссылкой https://jsfiddle.net/wyvx2dmf/

Answer 1

[Александр Таратин]

Никак.

Answer 2

[Сергей Горячев]

Ну... Почему же? Не согласен.
https://jsfiddle.net/umtzqhox/
https://jsfiddle.net/fyawfzky/
Хоть и костыль, но работает :)

Comments

[pegas]

Спасибо. А вот навскидку что в jQ прописать чтобы при нажатии на блок переходилось по ссылке?

[pegas]

Артём: https://jsfiddle.net/wjqj2zsw/

[Сергей Горячев]

Артём:

$(function(){
    $("div").click(function(){ 
        window.location.href = 'https://toster.ru/'
    });
});

Answer 3

[Андрей Федоров]

<div onclick="window.location='http://ya.ru';"></div>

div {
  width: 200px;
  height: 300px;
  background: white;
  border: 2px black solid;
  margin-top: 50px;
  position: relative;
  pointer-events: none;
}

div:before {
  border: 2px black solid;
  border-bottom: none;
  content: 'Новости';
  display: inline-block;
  height: 25px;
  background: white;
  position: absolute;
  top: -27px;
  pointer-events: all;
  cursor: pointer;
}
div:hover:before {
  color: #00d;
  text-decoration: underline;
}

Answer 4

[quramolt]

Мне кажется так, как в примере на jsfiddle, - делать вообще неверно. Потому что псевдоклассы в основном используются для стилизации, а не для важного контента. Ссылка "Новости" - определенно важный элемент страницы

Comments

[Сергей Горячев]

Мне один раз верстальщик сверстал кнопку "подробнее" у новостей в виде псевдоэлемента))))