Verwenden Sie die Übergangseigenschaft für * selector?

Question

Verwenden Sie die *{ transition: all 0.25s linear; } schädigt die Leistung, oder ist eine schlechte Praxis? Gibt es einen anderen Weg, um einen besseren Übergang der Elemente zu erreichen?

Ich versuche, einen reibungslosen Übergang der Elemente zu machen, um diese nicht abgeschnitten und blinken auf den Elementen, wenn Sie die Werte auf Media-Abfragen ändern.

Answer 1

Wenn Sie *{ transition: all 0.25s linear; } verwenden, bedeutet dies, dass jedes Element Ihrer Website diese Eigenschaft hat, während das Targeting auf das Element, das Sie animieren, nur für dieses Element gilt. Zum Beispiel .animate{transition: all 0.25s linear;}

Wenn Ihre Frage über die Leistung ist, dann *{ /* style */ } ist bei weitem die langsamste.

sind IDs der effizienteste, Universal sind die am wenigsten:

#main-navigation { }  /* ID (Fastest) */ 
body.home #page-wrap { } /* ID */ 
.main-navigation { }  /* Class */ 
ul li a.current { }  /* Class * 
ul { }     /* Tag */ 
ul li a { }    /* Tag */ 
* { }      /* Universal (Slowest) */ 
#content [title='home']  /* Universal */