2016-04-26 4 views
5

Ist es möglich, alle Knoten mit einem data-* Attribut unter Verwendung nur CSS?Universeller CSS-Selektor für alle HTML-Daten * Attribute

Hier sind Beispiele für Attribute Ich mag würde passen:

data-scope 
data-sessionlink 
data-visibility-tracking 

I

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

tun könnte, aber ich bin auf der Suche nach etwas kompakter. Außerdem kenne ich nicht alle möglichen data-* Attribute, auf die ich in meiner Anwendung stoßen könnte.

+0

sind diese Attribute oder Attributwerte (zB Klasse = "data-scope") – rsjaffe

+0

Dies sind Attribute. – Vadim

+1

Dang. Es gibt eine Platzhaltersuche nach Attributwerten, die mit einer Zeichenfolge beginnen, aber nicht, soweit ich weiß, Attribute. – rsjaffe

Antwort

3

Es ist derzeit nicht möglich, Platzhaltermasken zu verwenden, um Elemente über einen Attributnamensteil auszuwählen.

Es gibt eine aktuelle thread in der Mailingliste [email protected], wo Simon Pieters von Opera eine nette mögliche syntax vorgeschlagen hat, die einige Akzeptanz in dem Thread hat, so besteht die Chance, dass es werden wird Standard some in die Zukunft:

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

Danke, Marat! Ich hoffe, dass wir eines Tages eine Platzhalterauswahl für Attributnamen vornehmen können. – Vadim

+0

Nicht die beste Idee - Sie können [data-my - * = 'exact match'] nicht tun, weil * = mit einem existierenden Operator kollidiert. – gotofritz

+1

@goofritz Guter Punkt. Dies könnte jedoch möglicherweise gelöst werden, indem der Attributname selbst in Anführungszeichen gesetzt wird: '[" data-my- * "=" exact match "]] –

Verwandte Themen