Как сделать весь блок ссылкой?

#html #css #вёрстка

Подскажите, как сделать весь блок div ссылкой? А также применить к нему псевдоклассы
hover и т.д.
    

Ответы

Ответ 1




    Click me


Кроссбраузерно ли? Не смотрел!


Ответ 2

div .mydiv:hover? в css
$("div.mydiv).click()? в js


Ответ 3

Просто меняешь DIV на A со стилем display:block

   ...


меняешь на 

   ...


.my-block {
   display: block;
}
.my-block:hover {
   border:1px solid red;
}


Ответ 4

jQuery код
var target='.block';

jQuery(target).each(function(){
    jQuery(this).click(function(){
        location = jQuery(this).find('a').attr('href');});
    jQuery(this).css('cursor','pointer');
});

И HTML

     Ссылка



Ответ 5

HTML:


  
    
 
      
длинный текст
    
  



CSS:

div.content {
  display:  block;
  overflow: hidden;  
  background-color: #ccc;
  width: 200px;
  height:200px;
  border: 1px solid #000;
}
div.content > a {
  display:  block;
  width:  100%;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
}

div.content > a div {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #543454;
}

div.content > a div p {
  color: #543454;
  width: 100%;
  padding: 10px 5px;
}


https://jsfiddle.net/6dgzj811/