How can I make it act as if a line of div is anchor so when I hover on it it returns to red
CSS
.e
{ width:90px; border-right:1px solid #222; text-align:center; float:left; padding-left:2px; cursor:pointer;
}
.f .e
{ background-color:#F9EDBE;
}HTML
<div> <div >Company</div> <div>Target</div> <div>Person</div>
</div>
<div> <div>Company</div> <div>Target</div> <div>Person</div>
</div>
<div> <div>Company</div> <div>Targetaaa</div> <div>Person</div>
</div>
<div> <div>Company</div> <div>Target</div> <div>Person</div>
</div> 4 Answers
.e:hover{ background-color:#FF0000;
}if you want the color to change when you have simply add the :hover pseudo
div.e:hover { background-color:red;
}div hover background color change
Try like this:
.class_name:hover{ background-color:#FF0000;
}<html>
<head>
<style>
.e { width:90px; border-right:1px solid #222; text-align:center; float:left; padding-left:2px; cursor:pointer;
}
e2:hover { background-color:red;
}
</style>
</head>
<body>
<div> <div >Company</div> <div>Target</div> <div>Person</div>
</div>
</body>
</html>
