i am using brackets to code my website and i have two browsers installed in my computer chrome and firefox but both of them are not showing the expected result but when i am uploading my code on fiddle it shows the expected result.
It isexpected to show text color pink color as default color when the website starts and then it should change to black when user visited the code but it’s getting black permanently on chrome and firefox but it’s working as i mentioned upward(expected) in fiddle.
Can anyone tell me where is the problem in my code
HTML CODE
<head> <link rel="stylesheet" href="CSSworking.css"> <title>Html Working</title> </head> <body> <ul class="main"> <li><a href="#">Home</a></li> <li><a href="#">Our Kitchen</a></li> <li><a href="#">Menu</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Go Down</a></li> </ul>
CSS Code
.main li{ list-style: none; display: inline-block; margin: 20px; } a{ text-decoration: none; font-family: fantasy; font-size: 50; } a:link{ color: pink; } a:hover { border-top: 4px solid red; } a:visited { color: black; }