CSS "i" i "lub"

Mam spore problemy, ponieważ muszę trochę anathematizować styl niektórych typów danych wejściowych. Miałem coś takiego:CSS "i" i "lub"

.registration_form_right input:not([type="radio") 
{ 
//Nah. 
}

Ale nie chcę też zaznaczać pól wyboru.

Próbowałem:

.registration_form_right input:not([type="radio" && type="checkbox"]) 
.registration_form_right input:not([type="radio" && "checkbox"]) 
.registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"])

Jak korzystać &&? Niedługo będę potrzebował używać numeru || i myślę, że użycie będzie takie samo.

Aktualizacja:
ja nadal nie wiem, jak korzystać || i && poprawnie. Nie mogłem znaleźć niczego w dokumentach W3.

Źródło

2010-05-09 Misiur

+11

* "anathematise" * Jezu. Chcesz zagrozić ludziom, którzy próbują wymodelować pola wyboru z premią diabelską? (Prawdopodobnie chodziło o "zwolnienie" lub podobne, np. "Muszę zwolnić niektóre typy danych wejściowych z reguły stylizacji.") –

Cóż, nie mogłem znaleźć dobrego tłumaczenia na czasownik frazowy z mojego języka;) – Misiur

Myślę, że @ T.J. Crowder prawdopodobnie to rozumiał. Ale to * było * śmieszne ... szczególnie ironia jego błędnej pisowni "boski" = D –

&& prace sznurka-razem wielu selektorów jak tak:

<div class="class1 class2"></div> 

div.class1.class2 
{ 
    /* foo */ 
}

Inny przykład:

<input type="radio" class="class1" /> 

input[type="radio"].class1 
{ 
    /* foo */ 
}

"||" działa wiele selektorów, oddzielając przecinkami podobnie tak:

<div class="class1"></div> 
<div class="class2"></div> 

div.class1, 
div.class2 
{ 
    /* foo */ 
}

Na marginesie, polecam przeciwko użyciu wybieraka „not”, ponieważ nie jest obsługiwany przez przeglądarkę Internet Explorer. Na podstawie jednej z ankiet 60% osób korzysta z niektórych wersji Internet Explorera, więc Twoja strona nie będzie działać dla wielu osób.

Źródło

2010-05-09 08:59:38 geofflee

Ok, dzięki za światło. Nienawidzę stylizacji formularzy, ale to moje zadanie, a strona nie jest moja. Zastosuję klasy do wejść. – Misiur

Oto przydatna tabela dotycząca tego, co obsługuje Internet Explorer: http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx#selectors – geofflee

Kto korzysta z IE teraz :) – Tarun

Chyba nie chcesz pisać więcej selektorów i dzielić je przecinkiem?

.registration_form_right input:not([type="radio"]), 
.registration_form_right input:not([type="checkbox"]) 
{ 
}

i BTW to

not([type="radio" && type="checkbox"])

wygląda dla mnie bardziej jak "wkład, który nie posiada oba te rodzaje" :)

Źródło

2010-05-09 08:46:20

To by nie działało, ponieważ pierwszy selektor wybrałby wszystkie nie-radio ", (ale" chciał "zaznaczyć" pole wyboru "), a drugi zrobiłby odwrotność. Związek tych dwóch elementów zawierałby zarówno "pole wyboru", jak i "radio". – Eric

Ten pierwszy przykład nie będzie razem z nim, to wystrzeli dla wejść, które nie są radiami dla pierwszego selektora, a wejścia AND, które nie są polami wyboru, co oznacza wszystkie wejścia :-) –

Mylisz się. Następnie, pierwszy będzie stosowany do drugiego, a drugi do pierwszego. – Misiur

I (&&):

.registration_form_right input:not([type="radio"]):not([type="checkbox"])

LUB (||):

.registration_form_right input:not([type="radio"]), 
    .registration_form_right input:not([type="checkbox"])

Źródło

2010-05-09 08:48:04 kennytm

Nie, też nie. Dotyczy to 1 do 2 i 2 do 1 – Misiur

@Misiur: Nie rozumiem. – kennytm

@KennyTM: Posłuchaj. Użycie przecinka spowoduje wykonanie następujących czynności: .registration_form_right input: not ([type = "radio"]) będzie dotyczyło wszystkich elementów, w tym pola wyboru, a wpis do .registration_form_right: not ([type = "checkbox"]) będzie dotyczyło wszystkich elementów, w tym: radio – Misiur

Pseudo-klasa :not nie jest obsługiwana przez IE. Zamiast tego dostałem coś takiego:

.registration_form_right input[type="text"], 
.registration_form_right input[type="password"], 
.registration_form_right input[type="submit"], 
.registration_form_right input[type="button"] { 
    ... 
}

Jest tam trochę dublowania, ale to niewielka cena za wyższą kompatybilność.

Źródło

2010-05-09 08:52:31

Masz całkowitą rację. Jednak najlepiej jest dodać klasę do wprowadzania. – Misiur

Na wszelki wypadek, gdy ktoś utknie jak ja. Po przejściu przez post i kilka trafień i próbnych zadziałało to dla mnie.

input:not([type="checkbox"])input:not([type="radio"])

Źródło

2014-02-19 19:09:32

Można jakoś odtworzyć zachowanie "OR" i używając &: nie.

SomeElement.SomeClass [data-statement="things are getting more complex"] :not(:not(A):not(B))  { 
    /* things aren't so complex for A or B */ 
}

Źródło

2014-10-27 11:46:25

Niestety,: not (: not) nie jest prawidłową składnią CSS. Działa jednak z jQuery. –

Aby wybrać właściwości a I b elementu X:

X[a][b]

Aby wybrać właściwości a LUB b elementu X:

X[a],X[b]

Źródło

2016-12-20 21:50:06 waao

CSS "i" i "lub"

Odpowiedz

Powiązane problemy