Şimdi Şık kullanıyoruz. Şık olmayan alternatif, cevabınıza gönderdiğiniz dosyaları düzenlemek olacaktır. Şık, birçok sitenin kullanıcı CSS'sini kolayca yönetmemizi sağlar. Şık, Firefox pencerenize küçük bir simge ekler, üzerine tıklayın ve sonra "Yeni bir stil yazın" -> "İçin" (bu site) .com "a gidin Stile bir Ad ve isteğe bağlı olarak bazı etiketler verin. Bu stili Superuser.com veya Stackexchange.com vb. için geçerli olan stil olarak ayırt etmek için. Bu pencere bize yalnızca bu etki alanı için CSS'yi değiştirmemize izin veren bir şablon sunar. bunu yapabilir veya tüm siteler için geçerli CSS yazmak istiyorsanız boş bir stil elde edebilirsiniz, Şık menüden uygun girişi seçmeniz yeterlidir.
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
}
@ -Moz-belge bloğuna konan her şey sadece parantez içindeki alan adına uygulanır . Yukarıdaki kalın yazı tiplerine bakın. Yanıtların dolgusunu değiştirmek için metin kutusunu şu şekilde güncellersiniz:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
.answer {
padding-bottom:0px;
padding-top:0px;
}
}
CSS, öncelikle seçerek bilmiyorlar insanlar için bu aşağı kırmak için sınıf (biz kimliğe göre seçerek olsaydı başında ergo bir "" gider., Bir '#' koyardım orada.) Cevap (yani 'cevap'). Ardından, değiştireceğimiz seçili öğenin özelliklerini listelemek için süslü parantez içeren bir blok açıyoruz. Önce dolgu tabanını değiştirip 0 piksele ayarlıyoruz . Sonra dolgu için de aynısını yapıyoruz . Her özellik ve değer noktalı virgülle sonlandırılır. Sonra bloğu kıvırcık bir ayraçla kapatıyoruz. (unix örneğinizde bunu yaparsınız:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none;
}
}
Burada unix.stackexchange.com alan adı üzerinde çalışıyorsunuz. "Gövde" öğesini seçiyoruz (HTML öğesini seçerken aynı zamanda bir CSS seçicisidir, burada #s veya .s gerekmez). Arka planı hiçbiri olarak ayarlamıyoruz.)
CSS'nin, kullanıcı CSS'si ile yazar CSS'si ve tarayıcı CSS'si ile nasıl başa çıkılacağını belirlemek için belirli bir öncelik hiyerarşisi vardır. Normalde, sayfanın yazarı tarafından yazılan ve o sayfadaki öğelerin çoğu için kurallar içeren bir sayfa için CSS'miz vardır. Bir kural yazar tarafından tanımlanmadı, ancak kullanıcı CSS'nizdeyse, tarayıcınız bunu kullanacaktır. Her ikisinde de bu öğe için CSS tanımlanmamışsa, tarayıcı o öğe üzerinde kendi varsayılan CSS kurallarını kullanır. Burada bir ağırlık hiyerarşisi var, yazar> kullanıcı> tarayıcı. Her üçünde de bir şey tanımlanırsa, daha yüksek ağırlıklı CSS kazanır ve CSS'nin etkili olmasını sağlar. Yüksek ağırlıklı CSS'yi geçersiz kılmak için daha düşük ağırlıklı CSS almanın bir yolu vardır ve bu onları önemli olarak belirleyerek. Bunu "! İmportant" ekleyerek yaparsınız.
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none !important;
}
}
Şimdi Önizleme'yi tekrar tıkladığınızda kullanıcı CSS'nizin çalıştığını göreceksiniz. Kaydet ve keyfini çıkar'ı tıklayın.