2016-04-26 37 views
5

sadece CSS kullanarak data-* özniteliğine sahip tüm düğümleri eşleştirmek mümkün mü? BenEvrensel CSS seçici, tüm HTML verisi- * öznitelikleri ile eşleşecek

*[data-scope] *[data-sessionlink] *[data-visibility-tracking] 

yapabilirdi

data-scope 
data-sessionlink 
data-visibility-tracking 

ama daha kompakt bir şey arıyorum:

Burada istiyorum özelliklere örnekler maç için vardır. Ayrıca, uygulamamda karşılaşabileceğim tüm data-* öznitelikleri bilmiyorum.

+0

bu niteliklerin veya öznitelik değerleri Are (örneğin Sınıf = "veri kapsamı") – rsjaffe

+0

Bunlar özelliklerdir. – Vadim

+1

Dang. Öznitelik değerleri için bir dize ile başlayan, ancak bildiğim kadarıyla öznitelikler için joker arama var. – rsjaffe

cevap

3

Özellik adının bir parçası tarafından öğeleri seçmek için joker maskeleri kullanmak para kazanmak imkansızdır.

Opera'ya Simon Pieters dizisindeki bazı kabul var güzel muhtemel syntax önerdi [email protected] posta listesine, bir son thread yoktur

, bu yüzden olacağına olasılığı vardır gelecekte standart somewhen:

x-admin-* { ... } 
[data-my-*] { ... } 
+1

, Marat kullanmadan mümkün olduğunu emin değilim, Marat! Umarım bir gün, özellik isimlerinde joker karakter seçimi yapabiliriz. – Vadim

+0

En büyük fikir değil - yapmanıza izin vermeyeceğim - [data-my - * = 'tam eşleme'] çünkü * = mevcut bir operatörle çakışıyor – gotofritz

+1

@gotofritz İyi nokta. Ancak bu muhtemelen öznitelik adının kendisini tırnak içine sarmalayarak çözülebilir: '[" data-my- * "=" tam eşleşme "]' –