Why this? XD i dont have a best title

Question

Por qué no puedo cambiar el color de texto, quitar decoración, etc. Desde "nav ul li" o (id)"secciones" y tan solo puedo editarlo desde "*"?
Si es por la jerarquía, no podría modificarse desde un id?

//Traducido
Why can't I change the text color, remove decoration, etc. From "nav ul li" or (id) "sections" and I can only edit it from "*"? If it's because of the hierarchy, couldn't it be modified from an id?
https://code.sololearn.com/WUrVmmbC7DGx/?ref=app
https://code.sololearn.com/WUrVmmbC7DGx/?ref=app

Answer 1

You did all thing in right way but you missed one thing there is no text decoration over the li it's over the anchor tag so add this to your css

nav ul li a{
text-decoration:none;
}

Answer 2

hi Sam Vásquez ,

i made some alter based on your codes.
on html:

<header>
<div id="titulo">
<h1>Prueba.com</h1>
</div>
<nav>
<div id="secciones">
<a href="#">Hogar</a>
<a href="#">Destacados</a>
<a href="#">Etiquetas</a>
<a href="#">Buscar</a>
</div>
</nav>
</header>

------------------
on css:

#secciones{
display: flex;
justify-content: space-around;
background-color: grey;
text-align: center;
}

it doesn't even need to use the ul and li tag.