Czy bardziej szczegółowe reguły CSS ładują się lepiej?

Question

Można to zrobić:

.info 
{ 
    padding: 5px ; 
} 

Albo, jeśli wiesz, że będzie to div, można to zrobić

div.info 
{ 
    padding: 5px ; 
} 

Więc kiedy jest zagnieżdżona lista .. można to zrobić. .

div.info ul.navbar li.navitem a.sitelink 
{ 
    color: #f00; 
} 

Albo można to zrobić

a.sitelink 
{ 
    color: #f00; 
} 

Czytelność na bok, która jest lepsza dla przeglądarki do analizy/uruchamiania?

Answer 1

Utrzymuj zasady jak najbardziej ogólne - jest to szybsze i zużywa mniej bajtów. Aby uzyskać więcej informacji, patrz Google's article.

Answer 2

Uważam, że najbardziej szczegółowy i najkrótszy jest prawie zawsze najlepszy.

zobaczyć http://code.google.com/speed/page-speed/docs/rendering.html

Answer 3

zachować zasady proste i ogólnie jak to możliwe, to dobry początek. Ktoś inny będzie musiał go przeczytać i zrozumieć w pewnym momencie.

Jeśli niepokoi Cię wydajność przeglądarki, rozmiar arkusza stylów itp.? Po prostu uruchom swoje arkusze stylów przez YUICompressor. Oczyści i zminimalizuje twój CSS (grupuj rzeczy, które są powtarzane na przykład).