2014-09-18 25 views
9

"& nbsp;" (boş alan) olmadığı zaman bir metin bloğunu göstermeyi unutmayın. CSS sadece kullanmak istiyorum. kodudur:İçindekiler, yalnızca CSS kullanılarak 1 karaktere sahip olduğunda nasıl gizlenir?

<div>Some text here</div> 
<div>&nbsp;</div> 
<div>Another text here</div> 

"& nbsp;" Çıkarma bir varyant değil. (Eğer isteseydim kullanarak beni önermek: Boş) div geneldir ve rastgele olarak iyi yerleştirilmiş olabileceğini

dikkat olun, ben div gizler Bu cevap arıyorum yüzden sadece 1 karakter var. (veya başka herhangi bir varyantı).

Netleştirmek için, html'yi değiştiremiyorum, verileri bir veritabanından yüklüyorum, bu yüzden div içeriğini/etiketini gizlemek için bir CSS dosyası kullanmam gerekiyor. Bir şekilde yardımcı olursa, metin dinamik değil ve statiktir, metin veritabanından yüklendiğinde yalnızca bir kez değişir.

Şimdiden teşekkürler!

+4

Sadece CSS ile mümkün olduğunu düşünmüyorum. Oy verdim çünkü bir CSS çözümü görmeyi çok isterim. Çok kolay bir javascript düşünebilirim, ama açıkça sorduğun şey bu değil. – ntgCleaner

+0

Sadece CSS ile yapmanın imkansız olduğundan% 99,9 eminim. – Sergey6116

+1

Şu anda imkansız, korkarım; sunucunun çıkışını/yanıtını değiştirmeli veya JavaScript kullanmalısınız. –

cevap

2

Bu, yalnızca CSS kullanılarak mümkün değildir. CSS seçiciler, belirli elemanların niteliklerine (id, sınıf, vb.) Veya düğüm yapısı koşullarına (örneğin, alt dizin konumuna) göre HTML öğelerini eşleştirir, ancak içeriğe dayalı hiçbir seçici yoktur.

Öğenin metin içeriğinin belirli bölümlerini (ilk harf vb.) Biçimlendirebilirsiniz, ancak üst öğeyi hedeflemek için hiçbir zaman içerik kullanamazsınız.

W3 Dokümanlar yaklaşık CSS SELECTORS olası elementin kural seçicileri olarak aşağıdaki belirtir:

  • Tipi seçicileri

    • Evrensel seçici
    • Astsal seçiciler
    • Çocuk seçiciler
    • Bitişik kardeş seçiciler
    • Öznitelik seçicileri
    • ID seçiciler
    • Sözde elemanlar ve sözde sınıflar
    • Sözde sınıflar
    • Sözde elemanlar

    Maalesef henüz "içerik" seçici var!

    yorum yazdığı gibi, bazı teklifler var ancak hiçbiri uygulanmadı.
    JQuery, :has veya :contains gibi bazı "sözde" sözcükleri uyguladı, ancak bunlar bile gereksinimlerinize uymuyordu.

  • +0

    Bir içerik seçici için bir teklif yapıldı, ancak teknik özelliklerden düştü. 3. cevaba bakın: http://stackoverflow.com/questions/1520429/css-3-content-selector – idmean

    +0

    "İçerik" seçicisinin herhangi bir boyutu mu? İçeriğin kendisini kontrol etmiyor, ama ne kadar büyük olduğu, uzunluğu. İçeriği ne olursa olsun, kısa yorumlar kullanmak ve onları yeşil yapmak ve kırmızıyı yorumlamak gibi uzun yorumlar yapmak gibi. Ayrıca soruma cevap verecek, teşekkürler! –