SADECE css kullanarak tarayıcı boyutuna göre div göster/gizle?

Question

Sadece css medya sorgularını kullanarak tarayıcı boyutuna göre gösterme/gizleme için bazı div'lar almaya çalışıyorum ... ama hiçbir şey işe yaramıyor gibi görünüyorsa ... lütfen yardım edin ve ne yaptığımı bana bildirin. yanlış ... şimdiden teşekkürler!

heres benim css ..

@media all and (max-width: 959px) { 

    .content .700{display:block;} 
    .content .490{display:none;} 
    .content .290{display:none;} 

} 

@media all and (max-width: 720px) { 

    .content .700{display:none;} 
    .content .490{display:block;} 
    .content .290{display:none;} 

} 

@media all and (max-width: 479px) { 

    .content .700{display:none;} 
    .content .490{display:none;} 
    .content .290{display:block;} 

} 

ve burada

<div class="content"> 
    <div class="700">this is the content for desktop</div> 
    <div class="490">this is the content for tablet</div> 
    <div class="290">this is the content for mobile</div> 
</div> 

Answer 1

sınıf adı rakam ile başlayamaz benim html bu. onu ör. X700, x490, X290 ve

Answer 2

class name bir sayı olamaz çalışmalı ve css bir sayı ile başlamak edilemiyor burada ben

http://jsfiddle.net/RtTsy/