!important = Site mal feito
inherit = desnecessário em alguns casos, pois se por exemplo se um bloco de codigo tem um pai ao inves de vc fazer assim:

div#pai { border: 2px solid black;}
div#pai div { border: inherit; }

Eu faria assim:

#pai, #pai div { border: 2px solid black;}

pois raciocinando que os dois tenham as mesmas propriedades qual seria a necessidade de criar outra linha de css? nenhuma, e se caso em um futuro próximo o código mudar ai sim eu criaria uma linha somente para o filho.

Alias uma dica minha é usar o css tudo na mesma linha, que no começo é estranho mas vc for organizado com o tempo vc nunca se perderá em seu código

Um amigo ali em baixo estava perguntando sobre a lista não herdar em caso de sub-menu, claro que nesse caso é como o diego diz coloque classes mas se vc tiver um pouco mais de força de vontade é só vc negar mesmo por que duvido que seu sub-menu não vá ter algo de diferente do pai

Para as li internas não herdarem, o mais básico seria:
ul li ul li

Mas claro, com classes e etc… tudo bonitinho.

Tenho um menu em lista com os valores width e height de cada li definidos no css, e dentro de uma dessas li tenho um submenu que também terá uma lista só que sem largura e altura definidas. Porém as li´s desse submenu estão herdando os valores de width e height da lista pai (embora em todo lugar eu leio que essas propriedades não são herdadas).

Eu preciso que as li´s dessa segunda lista não herde as propriedades da primeira, mas sem precisar definir novos valores, quero que ele cresça de acordo com seu conteúdo. Já tentei usar o value:auto mas não adiantou.

Alguma alma caridosa teria a solução? Agradeço desde já!

Bom artigo.

Abraços