CSS Namespacing / Kapsam

4 Cevap php

Ben bu yüzden, örneğin, events.css içeriği sadece eklemek gerek kalmadan bu kapsamı dışındadır. Olaylar değil denilen bir sınıfın içeriğine uygulanan belirli bir div / sınıf için bir CSS dosyasındaki kuralları uygulamak istiyorum Her css kural başlangıcına sınıf. olaylar.

Ben bu olsa mümkün değil düşündüklerim - ama asla bilemezsiniz.

Değilse onlar düzenlenebilir / yüklendi sonra CSS kuralları. Olayları adýnýnönüne aynı etkiyi elde düşünüyorum. Ben bu oldukça sorunsuz olmalı düşünüyorum, ama kimse herhangi bir sorun forsee nedir?

4 Cevap

Ben bu olsa mümkün değil düşünüyorum

Gerçekten. Eğer bir iframe söz konusu içerik koymak sürece. Sonra farklı stil tamamen ayrı bir belge olsun.

Ben onlar düzenlenebilir / yüklendi sonra CSS kuralları. Olayları adýnýnönüne aynı etkiyi elde düşünüyorum. Ben bu oldukça sorunsuz olmalı düşünüyorum, ama kimse herhangi bir sorun forsee nedir?

Otomatik bir biçimde? Sen seçiciler başlangıçlarıydı belirlemek için CSS giriş ayrıştırmak mümkün olması gerekir.

Bu doğru yapmak düşündüğünüz kadar önemsiz değildir:

/* This is my grate CSS
.sausage { color: red; } adds a class rule
/*/ .eggs, .bacon { color: red; }
.potato:before { content: "; }
.beans { content: "; }

zor-to-ayrıştırmasına BB'nin bir örnektir. .eggs, .bacon ve .potato seçicileri başlar ve bir .events öneki isterim. .sausage ve .beans değildir.

If not I am thinking of achieving the same effect by prefixing the .events to the CSS rules after they have been uploaded/edited. I am thinking this should be fairly trouble-free, but does anyone forsee any problems?

İşte bunu yapmak için ve ince olmalıdır tek yolu bu.

Bu sadece CSS kuralları ". Olayı" dahil etmek için bir bakım açısından daha güvenlidir. Birkaç ay yolda, size yazarak biraz kurtarmak için burada oynanan hileler unutmuş olabilir.

Kısacası, tek yol .events ile her kuralı öneki etmektir.

Bu hata yapmak kolaydır çünkü Ama ben o kadar çift hangi elle bir kurala .events ekleyerek gibi, uzakta otomatik olarak yapıyor yönlendirmek. Eğer .events.special ve .aboutus.special gibi, sayfalar arasında bazı stilleri paylaşmak istedim eğer o zaman başka bir yere koymak gerekiyordu.

Bunun yerine Bölüm başına tek bir stil kullanmak genellikle daha iyi, bu yüzden sonraki sayfalara gittiğinizde kullanıcı önbelleğe sahip olacak. (Sen küçültmek ve ilk indirme süresini azaltmak için üretim ortamında gziplemek edebilirsiniz.)