FAQ: Learn Secondary Navigation - Where am I?

[wiki-bot]

This community-built FAQ covers the “Where am I?” exercise from the lesson “Learn Secondary Navigation”.

Paths and Courses
This exercise can be found in the following Codecademy content:

Learn Navigation Design

FAQs on the exercise Where am I?

There are currently no frequently asked questions associated with this exercise – that’s where you come in! You can contribute to this section by offering your own questions, answers, or clarifications on this exercise. Ask or answer a question by clicking reply () below.

If you’ve had an “aha” moment about the concepts, formatting, syntax, or anything else with this exercise, consider sharing those insights! Teaching others and answering their questions is one of the best ways to learn and stay sharp.

Join the Discussion. Help a fellow learner on their journey.

Ask or answer a question about this exercise by clicking reply () below!

Agree with a comment or answer? Like () to up-vote the contribution!

Need broader help or resources? Head here.

Looking for motivation to keep learning? Join our wider discussions.

Learn more about how to use this guide.

Found a bug? Report it!

Have a question about your account or billing? Reach out to our customer support team!

None of the above? Find out where to ask other questions here!

[board5890965803]

Hi guys, I’m trying to remove the underline in “>” using the CSS style shown below, but it’s not working as I think it would. How can I remove the underline text in “>”?

[ndobamo]

I keep getting this error. i can not find what i am missing. thank you!!

[elmn1]

You used both “list-style” and “display” attributes, I guess they want you to use only the “display” attribute.

[piedadecolaco]

Hi, in lesson 2/8 “Simple examples of breadcrumbs” to create a similar breadcrumb we’re given this:

But on the exercise in this lesson the “>” in the first line of code disappear but the end result is the same.

Why and when should we use the “>” as in the first example, (signed in the blue circle)?

[juantwothreefour]

Hello all!

I am trying to create a CSS rule that will cause my breadcrumb text to appear red when hovered. My original code is below:
.breadcrumb {
text-align: center;
}

.breadcrumb:hover {
color: red;
}

.breadcrumb li {
display: inline;

}

.breadcrumb li+li::before {
color: gray;
content: “>”;
}

This code did not perform as expected so I asked AI to provide a solution and it gave me the code below:

.breadcrumb {
text-align: center;
}

.breadcrumb li:hover {
color: red;
}

.breadcrumb li {
display: inline-block; /* or display: inline-flex; */
}

.breadcrumb li+li::before {
color: gray;
content: “>”;
}

This code also, did not perform as expected.

Any recommendations?? Thank you in advance!
-JuanTwoThreeFour

[gee.wiz]

a:hover {
  color: red;
}

[juantwothreefour]

I’ll give it a try thanks mang 8^)

[gee.wiz]

o7 You’re welcome hope it helps!

[richerthanrich]

Wayy to late,
but while im here i can try to help

the “>” is a child combinator and basically says that you want to select all children of a certain parent element with a certain name.

Hope that clarifies it more. Although you probably know it by now haha

[hambonef]

Just a note:

a:hover {
    color: red;
}

Will make all links on the page turn red when hovering.

If you want to apply it to just the links in the breadcrumb section you can do:

.breadcrumb a:hover {
    color: red;
}

[gee.wiz]

Oh, I wasn’t the one that asked the question, but thanks.