display inline

[techno]

salve a tutti come posso annullare un display-inline?
Mi spiego meglio ho una lista:
<style>
ul.prova li { display:inline-block; }
</style>


<ul class="prova">[*]Uno
<ul>[*]Uno uno[*]Due uno[*]Tre uno[/list]
[*]due[*]Tre[/list]

come vedete ho dato display:inline-blocck a tutti gli li ma questo lo prende anche la seconda lista situata nel primo[*]
Come faccio qui ad annullarlo?

[marty89]

Ciao, non so se ho capito bene, ma se vuoi ottenere un display inline solo al sottoelenco allora puoi fare semplicemente così:

<style>
ul.prova li { display:inline-block; }
</style>

<ul>[*]Uno
      <ul class="prova">[*]Uno uno[*]Due uno[*]Tre uno[/list]
   [*]due[*]Tre[/list]

[ldetomi]

Esatto!!! Oppure puoi usare il selettore discendente, per fare in modo che tale regola valga per TUTTI gli elenchi di secondo livello:

<style>
  UL UL LI { display:inline-block; }
</style>

<ul>[*]Uno
      <ul class="prova">[*]Uno uno[*]Due uno[*]Tre uno[/list]
   [*]due[*]Tre[/list]

Oppure ancora... nel caso in cui effettivamente volessi solo resettare la proprietà, sappi che l'impostazione opposta a "display:inline-block;" è "display:block;", da applicare con uno dei 2 metodi suggeriti da me o da marty89, nel punto del codice in cui vuoi resettare la proprietà

[fcaldera]

usi il selettore di ascendenza diretta

ul.prova > li { display:inline-block; }