CSS3 Foundations-Chapter 5-Lesson 4

[crocodilehun]

Hi. I this lession you are talking about changing your UL buttons in the navigation bar so that they look like circles and then you set your list-style-type for them to "none".

based on that, i've tried to do this:

in structure-ch5.css add

ul li .navlist {
list-style-type: decimal;
line-height: 200%; }

and then i've tried to add this class in the <nav>:

<nav id="navigation">
    <h2>The Main navigation</h2>
    <ul class="navlist">
        <li><a href=#>Home</a></li>
        <li><a href=#>Store</a></li>
        <li><a href=#>Blog</a></li>
        <li><a href=#>Contact us</a></li>
    </ul>
</nav>

and it does not work, nothing happens. What am I doing wrong?

 

Thanks

Edited April 11, 2019 by crocodilehun
code style

[administrator]

Just target the navlist ID in your CSS code. No need to specify the tags. Be sure to use the ID selector:

Quote

In the CSS, a class selector is a name preceded by a full stop (“.”) and an ID selector is a name preceded by a hash character (“#”). 

 

[crocodilehun]

Thanks, but... i've done this at the end of the stylesheet:

#navlist {
list-style-type: none;
line-height: 200%;
}

and then included it into .html file:

<ul id="navlist">
	<li><a href=#>Home</a></li> 
	<li><a href=#>Store</a></li>
	<li><a href=#>Blog</a></li> 
	<li><a href=#>Contact us</a></li> 
</ul>

and it still didn't changed the list style. i've even done this:

<ul style="list-style-type:none;">

didn't changed it either.

[crocodilehun]

an update.. i've done this:

#navigation ul li{
list-style-type: none;
line-height: 200%

and now it's working.

in the very next video you explained this for another purpose but i haven't seen in till now.

Thanks

Edited April 11, 2019 by crocodilehun

[administrator]

On 4/11/2019 at 12:24 PM, crocodilehun said:

in the very next video you explained this for another purpose but i haven't seen in till now.

Yep.