Wie verwenden Sie bestimmte Wörter aus der Klasse in CSS?

8

Ich habe '<a> <i> <label>' in meiner Seite wie unten mit der Klasse

%Vor%

Ich muss css mit margin-right:10px erstellen, wenn der Klassenstart mit "icon-"

beginnt

etwas wie unten:

%Vor%     
user475464 14.06.2013, 11:41
quelle

3 Antworten

11

Versuchen Sie Folgendes:

%Vor%     
Guilherme Oderdenge 14.06.2013, 11:43
quelle
0

können Sie so verwenden

[class*="icon-"]{ margin-right:10px; }

Der Stern gibt an, dass der vorangestellte Wert irgendwo im Klassenwert erscheinen muss. Auf diese Weise deckt das Symbol -

ab

[class^="icon-"]{ margin-right:10px; }

Dies ist ein Kinderspiel mit dem Karat-Symbol. Es wird am häufigsten in regulären Ausdrücken verwendet, um den Anfang einer Zeichenfolge festzulegen. Wenn wir alle Tags mit class als Ziel verwenden möchten, die mit icon- beginnen, können wir einen Selektor verwenden, der dem oben gezeigten Snippet ähnelt.

    
The Mechanic 14.06.2013 11:44
quelle
0

Sie können auch die Bindestrichsyntax verwenden:

%Vor%

Dies wird korrekt übereinstimmen:

%Vor%

... mit dem Zusatznutzen , dass auch etwas wie folgt passt:

%Vor%

... während wir das immer noch aushalten:

%Vor%

Dieser Ansatz hat auch einige Einschränkungen:

  • wählt nicht aus, ob hinter "icon"
  • ein Leerzeichen steht
  • icon muss am Anfang der Klassenattributkette stehen (wie bei ^= )

Tests hier: Ссылка

    
Faust 18.07.2013 10:25
quelle

Tags und Links