Dúvida sobre classe e divisão de classe

Boa noite a todos, na aula 06 Reforçando o inline-block do curso HMTL E CSS3 PARTE 2 me surgiu uma dúvida cruel.

Código do HTML:

• Cabelo

  

  Na tesoura ou na máquina, como o cliente preferir

  R$ 25,00

• Barba

  

  Corte e desenho profissional de barba

  R$ 18,00

• Cabelo + Barba

  

  Pacote completo de cabelo e barba

  R$ 35,00

• CÓDIGO DO CSS: 
  
  .produtos {
  width: 940px;
  margin: 0 auto;
  padding: 50px 0px;

  } .produtos li{ display: inline-block; text-align: center; width: 33%; vertical-align: top;

  }

  Note que criamos uma classe .PRODUTOS, mas no css especificamos a classe .produtos li, a dúvida é, se dentro de toda <UL> com a casse .produtos e logo em seguida criamos uma tag <li> e todo nosso conteúdo fica dentro destas duas tags, ou seja tudo esta dentro da <li> e a <li> esta dentro da <ul>, porque devemos separar a classe como .produtos e .produtos li?

  Há de fato necessidade desta separação?