Css ineficiente

[astut]

Hola, uso Speed Page de Google para comprobar el rendimiento de mi web, y dice esto sobre mi css:

Código:

Very inefficient rules (good to fix on any page):

    * #menu_superior ul li a:hover    Tag key with 3 descendant selectors and hover pseudo selector
    * ul.menu_principal li a    Tag key with 2 descendant selectors and Class overly qualified with tag
    * ul.menu_principal li a:hover    Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag

Inefficient rules (good to fix on interactive pages):

    * #menu_superior ul li    Tag key with 2 descendant selectors
    * #menu_superior ul li a    Tag key with 3 descendant selectors
    * .info div:hover    Tag key with descendant selector and hover pseudo selector
    * table.mapa tr    Tag key with descendant selector and Class overly qualified with tag
    * table.mapa td    Tag key with descendant selector and Class overly qualified with tag
    * table.mapa img    Tag key with descendant selector and Class overly qualified with tag

He mirado en internet y es completamente correcto hacerlo asi... y si no ¿Como se hace 'optimizadamente'?

Muchas gracias

[emiliodeg]

bueno lo q pasa es q se pueden hacer de una manera mas optima, te doy un ejemplo

* table.mapa img
se aplicaria a cualquier imagen q este en una tabla con clase tipo mapa y q a su vez este incluida en cualquier cosa
todo esto se podria traducir en
.imgDeTablaMapa y en ves de hacer todo lo anterior creas una clase nueva y le pones esta clase a la imagen
a la hora de aplicar el estilo el navegador va a aplicar mucho mas rapido esta forma q la primera

[astut]

Vale,
Muchas gracias Emiliodeg

Saludos!

[webosiris]

también podrias eliminar los LI, un A que esté dentro de un UL indefectiblemente tiene que estar dentro de un LI, así que poner UL LI es algo redundante

[Mikmoro]

Pero... ¿esos asteriscos están al principio de cada línea o los pone el analizador para diferenciar líneas y que las veas claras?