Daha spesifik css kuralları daha iyi mi yükler?

Question

Bunu yapabilirsiniz:

.info 
{ 
    padding: 5px ; 
} 

Ya da, eğer bir div olacağını biliyorsanız, bunu

div.info 
{ 
    padding: 5px ; 
} 

yapabilirsin. Yani, yuvalanmış bir liste olduğunda .. bunu yapabilirsin ..

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

Ya da bu

a.sitelink 
{ 
    color: #f00; 
} 

okunabilirlik bir yana, tarayıcı ayrıştırmak/çalıştırmak için daha iyidir?

Answer 1

Kuralları olabildiğince genel tutun - daha hızlıdır ve daha az bayt kullanır. Daha fazla bilgi için bkz. Google's article.

Answer 2

En spesifik ve en kısa zamanda hemen hemen her zaman en iyisi olduğuna inanıyorum.

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

Answer 3

iyi bir başlangıç ​​mümkün olduğunca basit ve genel kuralları tutunuz. Başka birinin onu okuması ve bir noktada anlamlandırması gerekecek.

Tarayıcı hızı performansı, stil sayfası boyutu vb. Hakkında endişeleriniz varsa? Stil sayfalarınızı sadece YUICompressor üzerinden çalıştırın. CSS'nizi temizler ve küçültür (örneğin, örneğin tekrarlanan grup şeyleri).