Removing underline from ancor tags

Tell us what’s happening:
create a new selector targeting the navigation list elements so that when the cursor hovers over them, the background color and text color are switched, and the cursor becomes a pointer.
my code:
nav > ul > li: hover, li > a {

nav > ul > li: hover;
text-decoration: none;


Your code so far


The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.115 Safari/537.36 OPR/88.0.4412.53

Challenge: Step 46

Link to the challenge:

nav > ul > li:hover{

cursor : pointer;

background-color: #dfdfe2;

color: #1b1b32;


li > a {

color: inherit;

text-decoration: none;


this is what it is asking


This test is has 2 steps in it:

  1. your existing li > a selector needs to remove the underline of all anchors… This requires a ‘text-decoration’ value set to ‘none’
  2. you need to make a new selector for nav > ul> li:hover and then apply the opposite color and background color

@devpandya651 you can help people without giving them solutions it’s not allowed by fcc, it discourages learning process

Sorry for offending fcc code of conduct, I will take care next time i reply to someone😊

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.