Her birine uygulanacak farklı css stil sayfaları gerektiren farklı bölümlere sahip bir web sayfam var. Bilmek istediğim, web sayfasının her bir farklı parçası için hangi css stil sayfasının kullanılacağını belirleme. hepsini bir arada bırakırsam, bileşenler düzgün görüntülenmez.Aynı web sayfasının farklı bölümleri için farklı css stil sayfası uygulama
cevap
Sayfanın farklı bölümlerine farklı stil sayfaları uygulayamazsınız.
iyi sınıf adları ile div 'ler içinde sayfanın farklı bölümlerini sarılmasıdır: senin part1 CSS Sonra
<div class='part1'>
....
</div>
<div class='part2'>
....
</div>
".part1" her CSS kuralını öneki ve bir kaç seçenek var senin part2 CSS, öneki ".part2" ile her CSS kuralı. Sınıfları kullanarak, sayfanın hangi bölümlerinin hangi CSS kurallarından etkilendiğini esnek bir şekilde sınırlamak için, farklı "part1" veya "part2" div'lerini kullanabilirsiniz.
6 yıl sonra ... :(hala kapsam yok css Neden tarayıcılar bu özelliği desteklemiyor? – Spirit
Web sayfanızdaki her bölüm için farklı sınıflar kullanın ve her sınıf için CSS kodunu özelleştirin.
Bunun bir nedeni Basamaklı Style Sheets (CSS) ..
her bölümü hedef CSS specificity kuralları kullanabilirsiniz ..
yani ..
#section1 a{color:red}
#section2 a{color:blue}
denir Bu, section1
kimliğine sahip bir öğenin içindeki tüm bağlantıları kırmızı olacak ve section2
kimliğine sahip bir öğenin içindeki tüm bağlantılar mavi renktedir.
<div id="section1">
<a href="#">i will be red</a>
</div>
<div id="section2">
<a href="#">i will be blue</a>
</div>
Bu, bootstrap.css veya başka bir harici css yüklerken yardımcı olmuyor – oriadam
Burada da hata olduğunu hissettiğim soru kapama nedeniyle buraya göndermek zorunda. Benim durumumda, bir sayfanın farklı bölümlerindeki CSS kütüphaneleri arasında çakışmalar var (django'dan bir bootstrap tabanlı admin ui içine gömülü bir açısal kullanıcı). Denemek üzere olduğum yaklaşım, bir iframe içine gömmek. – Chris
Bootstrap'in daha yeni sürümleri .less or.Kapsam belirleme sağlamak için özel sarmalayıcınız tarafından kolayca sarılabilen scss formatı. gibi: # section1 { } – Shawn
Harici bir stil sayfası, tüm html sayfasına uygulanır. Farklı kısımlarına Öncelikle , HTML sayfası farklı stil uygulamak için (benzersiz bir kimlik veya sınıf tahsis edilecek her html div ile) html etiketi kullanılarak farklı bölümler İkinci , ayrılabilir olan her div uygulanacak dış stil kullanıcı ne anlama
- 1. Farklı Medya sorguları için farklı CSS dosyaları
- 2. Farklı stil sayfalarında aynı Pusula grafiğini kullanma
- 3. Farklı projelerde ileti kutusundaki düğmelerdeki farklı stil
- 4. MVC web sitemdeki farklı tarayıcılar için farklı CSS'yi nereden ve nasıl arayabilirim?
- 5. Aynı kısmi iki farklı uygulamada farklı davranır
- 6. web sayfası localhost ve ip adresi ile farklı ekran
- 7. Farklı uygulama lezzetleri için farklı uygulama lezzetleri kullanın.
- 8. Farklı Düzenlemeler için farklı CSS dosyaları nasıl önceden sıkıştırılır?
- 9. Harici CSS stil sayfası bağlantı oluşturmuyor
- 10. Crystal Reports: Farklı bölümleri bir arada tutmak
- 11. , kopyalamaksızın farklı web uygulamalarıyla aynı dll'yi paylaşıyor
- 12. Her tarayıcı için farklı CSS?
- 13. CSS stil sayfasının içinde koşullu biçimlendirmeyi nasıl kullanırım?
- 14. stil sayfası koşullarının yüklenmesi
- 15. Farklı istisnalar için aynı ExceptionMapper
- 16. Javascript Kullanarak CSS Stil Sayfası Oluşturun
- 17. farklı şablonlar aynı adla farklı değişkenleri kullanma
- 18. wkhtmltopdf - aynı yapılandırma farklı çıktı
- 19. Web sayfası değişimini algılamak için uygulama geliştirme
- 20. Web sayfasının çıktısını alın C#
- 21. Farklı giriş formları için aynı sağlayıcıyı kullanın
- 22. Farklı cihazlar için farklı ayarlar?
- 23. OpenCV: Aynı kameradaki kareleri 2 farklı uygulama ile nasıl çekebiliyorsunuz?
- 24. OData sorgusuna farklı uygulama
- 25. OpenCart içinde rotaya göre sayfalara CSS stil sayfası ekleme
- 26. Yanlış stil sayfası kullanımda
- 27. Bootstrap + Kendi Stil Sayfası
- 28. Aynı boyut için dp kullanmak, farklı çözünürlüklerdeki farklı telefonlarda değil aynı boyutta çalışıyor.
- 29. , farklı değişken jeneratörler için aynı üretici kullanılmaktadır
- 30. DefaultPasswordHasher aynı değer için farklı karma üretiyor
o birden sahip olmasıdır ... Gaby aka G. Petrioli tarafından yukarıda açıklandığı gibi
Örnek atanan kimliği/sınıfına göre dizayn edilmesi gerekir ** css dosyaları bir web sayfasına çağrılıyor, ancak bu sayfa (bariz) çatışmalar nedeniyle doğru görüntülenmiyor. Ben css dosyaları çatışmalara neden aynı isimleri ile div/bölümleri var sanırım. Ne soruyor ve Ned'in cevabı mükemmel bir cevap gibi görünüyor. –
Bu sorunun ne sorduğu açık, bu yüzden bana 'gerçek bir soru' olduğu açık görünüyor. –
Bu soru açık ve bana göre mantıklı. Moderatörler burada soruları kapatırken hor görüyorum. –