Dificuldade em entender seletores CSS

Olá pessoal,

Sou super novato em HTML e CSS (tive meu primeiro contado de verdade há cinco dias, quando comecei a ler o livro: Head First HTML e CSS) e tentando montar algumas páginas para entender como “tudo” funciona, há certas coisas que não consigo entender. Por exemplo:

<ul class="nav">

<li><a href="#na">Home</a></li>

<li><a href="#nb">Mercado</a></li>

<li><a href="#nc">Comércio</a></li>

</ul>

ul.nav li {

	list-style:none;

	display:inline;

	}

Peguei esse código na internet para ter algum exemplo de como deixar uma lista na horizontal, e realmente deu certo, porém não entendo o porquê preciso especificar a class como ul.nav.li{...} para que de certo , já que pela lógica (provavelmente pela minha) especificando .nav{...} à “ul” e “li” herdaria os atributos, e não geraria problema nenhum ou estou errado?