2015-05-12 24 views
6

ile bir kerede birden fazla css kuralı nasıl eklenir? Bir sayfada sınamanız gereken birçok kuraldan oluşan 300 satır CSS var.Dev-Tools veya Firebug

Tercihen kuralları, sayfanın kullandığı main.css altındaki bir sayfaya yapıştırmak isterim veya sayfaya bir "özel" extra-main.css "sayfası ekledim.

Şu anda sayfanın kaynağına erişimim yok, bu yüzden canlı sayfada çalışmam gerekiyor. Mükemmel değil biliyorum.

Bunu yapmanın en iyi yolu ne olurdu? Kundakçı, DevTools (Krom), başka bir şey ... Krom DevTools'un Elemanları masasında

+0

seçin düzenlemek istiyorsunuz css dosyasını seçin CSS sekmesini

  • seçin , öğenin sağ üst kısmında orijinal CSS kaynak adı göreceksiniz. Bunu tıklayın ve CSS'nizi yapıştırın ve gerçek zamanlı değişiklikleri görmek için CTRL + S tuşlarına basın. –

  • cevap

    4

    görmek için Ctrl + S test etmek CSS'nizde öğesinin kaynağını, yapıştırmak tıklayın ve vurmak güncellemeler. Test etmek istediğiniz sayfadaki herhangi bir öğeyi CSS kaynak dosyası etkilediği sürece tıklayabilirsiniz. Chrome DevTools'un benzer Firebug ise

    Pasting multiple CSS rules in Chrome DevTools

    +0

    Scss dosyaları ile çalışmaz gibi görünüyor. –

    +0

    Doğru. Tarayıcıdaki bir SCSS dosyasını değiştirmek için tanınmayan bir biçimde olacaktır. SCSS dosyasını derlemeniz ve çıktılanan CSS'yi uygun bir yerde kullanmanız gerekecektir. –

    0

    , ben de yeni öğrendim.

    1. Açık Kundakçı
    2. Bir şeyi incelemek zaman
    3. dev araçları üzerinde Canlı düzenlemeyi

    How to add CSS sources in Firebug

    +0

    Animasyonlu görüntüye ek olarak, CSS'nin nasıl yapıştırılacağını açıklayan adımlar eklemelisiniz. –

    İlgili konular