CODEWITHSUNDEEP
cssbootstrap-4navbar
Mona Jalal
Mona Jalal

Reputation: 38145

.nav-item.hover doesn't change the color of nav-link

How can I change the following so that when I hover over a navbar item, its color changes to red?

.nav-item.active .nav-link{
    color: blue !important;
}
.nav-item.hover .nav-link{
    color: red !important;
}

Upvotes: 1

Views: 168

Answers (1)

hsn-mnj
hsn-mnj

Reputation: 1388

Use colon instead of dot before pseudo classes in CSS selector, more info:

.nav-item:active .nav-link{
    color: blue !important;
}
.nav-item:hover .nav-link{
    color: red !important;
}

note :active and :hover

Upvotes: 1

Related Questions