Home/ Questions/Q 9153407
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T12:16:03+00:00

I can’t seem to figure out how to make this css script only select

  • 0

I can’t seem to figure out how to make this css script only select the 4 links for the header. It makes all my links on my webpage green. How do I do this? I tried 1.ul{ css here} and 1.a:link,1.a:visited; etc. And then onI addedclass=’1’` but it still makes all links same as header links.

<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a.a:link,a.a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a.a:hover,a:active
{
background-color:#7A991A;
}

</style>
</head>

<body>
<ul class"a">
<li><a class='a' href="#home">Home</a></li>
<li><a class='a' href="#news">News</a></li>
<li><a class='a' href="#contact">Contact</a></li>
<li><a class='a' href="#about">About</a></li>
</ul>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m not sure if its still the case but whenever I tried using numbers for classes it never worked unless there was a letter first. Either way numbers aren’t very semantic. You should try and describe what the element contains when creating id and class attributes.

    I’d do this:

    <ul id="main-menu">
    <li><a href="#home">Home</a></li>
    <li><a href="#news">News</a></li>
    <li><a href="#contact">Contact</a></li>
    <li><a href="#about">About</a></li>
</ul>

    Then set CSS like this:

    #main-menu a { color: green; }

    As Mattias pointed out will need to specify #main-menu each time you target an anchor in the #main-menu list.

    #main-menu a:link, 
#main-menu a:visited {
    color: green;
}

    Which is equivalent to:

    #main-menu a:link { color: green; }
#main-menu a:visited { color: green; }
    • 0