Porque quando eu coloco o text-decoration: none; dentro da ul {} apenas ele não retira o underline dos links a dentro das li do ul? E ai eu tenho que fazer um ul a {} para que isso aconteça?
/* CSS--------- */
#menu-lateral {
margin: 0;
padding: 0;
}
ul{
list-style-type: none;
}
ul a {
text-decoration: none;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="estilo.css">
<title>Document</title>
</head>
<body>
<nav id="menu-lateral">
<ul>
<li><a href="">Inicio</a></li>
<li><a href="">Doces</a></li>
<li><a href="">Salgados</a></li>
<li><a href="">Bolos</a></li>
</ul>
</nav>
</body>
</html>