CSS "и" и "или"

У меня довольно большие проблемы, потому что мне нужно анафематизировать стилирование некоторых типов ввода. У меня было что-то вроде:CSS "и" и "или"

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

Но я тоже не хочу стилизовывать флажки.

Я пробовал:

.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"])

Как использовать &&? И скоро мне нужно будет использовать ||, и я думаю, что использование будет таким же.

Update:
Я до сих пор не знаю, как использовать || и && правильно. Я не мог найти ничего в документах W3.

источник

2010-05-09 Misiur

+11

* "anathematise" * Хлоп. Вы хотите угрожать людям, пытающимся установить флажки с возмездием devine? (Вы, вероятно, подразумевали «освобождение» или подобное, например «Мне нужно освободить некоторые типы ввода из правила стилизации».) –

Ну, я не смог найти хороший перевод на фразовый глагол с моего языка;) – Misiur

Я думаю @ T.J. Кроудер, вероятно, это понял. Но это было * смешно ... особенно ирония его орфографического «божественного» = D –

&& работ нанизывая-вместе нескольких селекторов, как-так:

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

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

Другой пример:

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

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

"||" работает путем разделения нескольких селекторов запятыми, как-так:

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

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

Как примечание стороны, я бы не рекомендовал, используя «не» селектор, потому что оно не поддерживается Internet Explorer. На основании одного опроса 60% людей используют некоторую версию Internet Explorer, поэтому ваш сайт не будет работать для многих людей.

источник

2010-05-09 08:59:38 geofflee

Хорошо, спасибо за свет. Я ненавижу формы оформления, но это моя задача, и сайт не мой. Я буду применять классы для ввода. – Misiur

Вот полезная схема того, что поддерживает Internet Explorer: http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx#selectors – geofflee

Кто сейчас использует IE :) – Tarun

Я думаю, вы ненавидите писать больше селекторов и делить их запятой?

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

и BTW это

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

смотрит на меня больше как "вход, который не имеет обоих этих типов" :)

источник

2010-05-09 08:46:20

Это не сработало бы, потому что первый селектор выберет все не 'radio', (но _would_ выберите« checkbox »), а второй сделает обратное. Объединение двух будет содержать как «checkbox», так и «radio». – Eric

Этот первый пример не будет && вместе, он будет запускать для входов, которые не являются радиоприемниками для первого селектора, и входы, которые не являются флажками, что означает все входы :-) –

Вы ошибаетесь. Затем первый применяется к второму, а во-вторых, к первому. – Misiur

И (&&):

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

OR (||):

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

источник

2010-05-09 08:48:04 kennytm

Nah, сбой тоже. Он будет применяться от 1 до 2 и от 2 до 1 – Misiur

@ Misiur: Я не понимаю. – kennytm

@KennyTM: Смотри. Использование запятой сделает что-то вроде этого: .registration_form_right input: not ([type = "radio"]) применим ко всему, включая флажок, и .registration_form_right: not ([type = "checkbox"]) будет применяться ко всему, в том числе радио – Misiur

Псевдокласс не поддерживается IE. Вместо этого я получил что-то вроде этого:

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

Некоторое дублирование там, но это небольшая цена за более высокую совместимость.

источник

2010-05-09 08:52:31

Вы совершенно правы. Hovewer, лучше всего добавить класс для ввода. – Misiur

На всякий случай, если кто-то застрял как я. После того, как вы отправили сообщение, а некоторые ударили и пробовали , это сработало для меня.

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

источник

2014-02-19 19:09:32

Вы можете как-то воспроизвести поведение «ИЛИ» с помощью & и: нет.

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

источник

2014-10-27 11:46:25

К сожалению,: not (: not) не является допустимым синтаксисом CSS. Однако он работает с jQuery. –

Чтобы выбрать свойства a И b из элемента в X:

X[a][b]

Чтобы выбрать свойства a ИЛИ b из X элемента:

X[a],X[b]

источник

2016-12-20 21:50:06 waao

CSS "и" и "или"

ответ

Смежные вопросы