Css geliceğimi karartıcak bir soru yanlış cevap vermemeye özen gösteriyorum
#content .check_list ul li ul li {margin:8px 0 8px 0;}yukarıda verdiğin kod content içindeki check_list içindeki ul içindeki li nin içindeki ul içindeki li margin kodunu işlet demiş bu manyak bir css çöküntüsüne yol açabilir

bunun yerine direk o son daki li koduna bir class atıyarak margin kodunu vermelisin.
Diğer koduna gelince. Diğer kodunu parçalamak sana css optimizasyonu sağlamaz tam aksine css kalabalığı ve tarayıcı yorgunluğu oluşturur. Çünki aynı kodu farklı kodlara tek çatı altında yazman sana performans sağlıyıcaktır.
Bir örnek ile açık açık gösterim.
Aşağıdaki kodda 3 tane classımız var hepsininde kodları aynı tarayıcı gelir css taramaya başlar 3 tane classs tarar 3 tane özellik tarar.
.ornek{margin:5px;}
.ornek2{margin:5px;}
.ornek3{margin:5px;}Ama sen yukarıdaki gibi değilde aşağıdaki gibi yaparsan. Tarayıcı gelir sitene css taramaya başlar 1 tane bloktan 3tane class tarar ve 1 tane özellik tarar gördüğünüz gibi 3 özellik tarıyıcağına sadece 1 özellik tarar düşünün çok hit alan bir siteyi veya büyük projelerdeki kolaylıkları
.ornek,.ornek2,.ornek3{margin:5px;}Not: Css optimizasyonu ve gereksiz kod temizleme konuları hakkında fatih hayrioğlunun hazırladığı aşağıdaki konuları incelerseniz daha detaylı bilgi edinebilirsiniz.
http://www.fatihhayrioglu.com/css-ko...izlemeazaltma/ http://www.fatihhayrioglu.com/css-se...optimizasyonu/
Not: yukarıda yazdıklarım alıntı değildir oturup yazdım baştan sona kadar
okuyun lütfen