Ich versuche input
Elemente aller type
s außer radio
und auszuwählen checkbox
.
Viele Leute haben gezeigt, dass man mehrere Argumente einfügen kann :not
, aber die Verwendung type
scheint sowieso nicht zu funktionieren. Ich versuche es.
form input:not([type="radio"], [type="checkbox"]) {
/* css here */
}
Irgendwelche Ideen?
css
css-selectors
Delphi
quelle
quelle
Antworten:
Warum: nicht nur zwei verwenden
:not
:Ja, das ist beabsichtigt
quelle
:
Figur.input:not('.c1'), input:not('c2')
es zu einer "und" Situation, in der beide Klassen auf der Eingabe stehen müssten, damit sie übereinstimmen.:not([attr],[attr])
CSV-Format :-PWenn Sie SASS in Ihrem Projekt verwenden, habe ich dieses Mixin erstellt, damit es so funktioniert, wie wir es alle wollen:
Es kann auf zwei Arten verwendet werden:
Option 1: Listen Sie die ignorierten Elemente inline auf
Option 2: Listen Sie zuerst die ignorierten Elemente in einer Variablen auf
Ausgegebenes CSS für beide Optionen
quelle
'
Zeichen und imo effizienterer Code.:not()
= 6 Zeichen pro Artikel;'',
= 3 Zeichen pro Artikel.@include
sollte einem Hotkey zugewiesen werden, damit ich das als ein Zeichen zählen kann (in Bezug auf die Eingabe). Technisch gesehen glaube ich nicht, dass Sie die einfachen Anführungszeichen in der Liste verwenden müssen, wenn Sie sie so sehr hassen. Sie verhindern jedoch, dass Redakteure ausflippen. Auf dieser Grundlage denke ich immer noch, dass mein Weg der effizientere Typ ist, ihn zu schreiben.Ab CSS Selectors 4 wird die Verwendung mehrerer Argumente im
:not
Selektor möglich ( siehe hier ).Beispiel:
Leider ist die Browserunterstützung begrenzt . Im Moment funktioniert es nur in Safari.
quelle
Ich hatte einige Probleme damit und die Methode "X: not (): not ()" funktionierte bei mir nicht.
Am Ende habe ich auf diese Strategie zurückgegriffen:
Es ist bei weitem nicht so lustig, aber es hat bei mir funktioniert, als: not () kämpferisch war. Es ist nicht ideal, aber es ist solide.
quelle
Wenn Sie das Post-CSS-Plugin "cssnext" installieren , können Sie sicher mit der Syntax beginnen, die Sie jetzt verwenden möchten.
Wenn Sie cssnext verwenden, wird Folgendes geändert:
Das sehr gut finden:
http://cssnext.io/features/#not-pseudo-class
quelle