Problems with CSS hover


this my code


.Navigation-signIn {
  background-color: #c8db5a;

.Navigation-signIn։hover {
  background-color: #ffffff;


import { NavLink } from "react-router-dom";
import { BrowserRouter } from 'react-router-dom'

import "./styles.css";

export default function App() {
  return (
      <NavLink className={"Navigation-signIn"} to={"/"}>
        <span>{"ign In"}</span>

CodeSandbox demo

When I want to use ։hover in my code it doesn’t work. What is the reason?


The colon you used in your CSS isn’t standard. You can see it in the demo, if not here. Compare the one on :hover to the one on the line below.

Answered By – isherwood

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published