Looking for some help with my code setup. Here's what I have:
<div class="over"> Content </div>
In my component file, this is what it looks like:
@Component({
selector: 'app',
templateUrl: './app.component.html',
styleUrls: [
'./css/custom.css'
],
})
Here is my CSS styling:
.over{
background: #F3F3F3;
border-radius: 3px;
border: 1px #cccccc solid !important;
}
.over:hover{
background: white;
border-radius: 0px;
border: 0px #cccccc solid !important;
}
My folder structure looks like this:
- app
- css
- custom.css
- app.component.ts
- app.component.html
- css
I'm having an issue with the hover effect in the CSS. Can anyone spot what might be causing this problem?