CSS "và" và "hoặc"

Question

Tôi gặp sự cố khá lớn, vì tôi cần anathematise để tạo kiểu cho một số loại đầu vào. Tôi có một cái gì đó như:

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

Nhưng tôi cũng không muốn hộp kiểm kiểu.

Tôi đã thử:

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

Làm thế nào để sử dụng &&? Và tôi sẽ sớm cần sử dụng || và tôi nghĩ rằng việc sử dụng sẽ giống nhau.

Cập nhật:
tôi vẫn không biết làm thế nào để sử dụng || và && một cách chính xác. Tôi không thể tìm thấy bất cứ điều gì trong tài liệu W3.

Answer 1

&& hoạt động bằng cách xâu chuỗi lại với nhau-nhiều selectors như-vậy:

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

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

Một ví dụ khác:

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

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

"||" hoạt động bằng cách tách nhiều bộ chọn bằng dấu phẩy như vậy:

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

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

Lưu ý, tôi khuyên bạn không nên sử dụng bộ chọn "không" vì nó không được Internet Explorer hỗ trợ. Dựa trên một khảo sát, 60% người dùng sử dụng một số phiên bản của Internet Explorer, vì vậy trang web của bạn sẽ không hoạt động cho nhiều người.

Answer 2

Tôi đoán bạn ghét viết nhiều bộ chọn hơn và chia chúng bằng dấu phẩy?

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

và BTW này

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

vẻ với tôi giống như "đầu vào mà không có cả những loại" :)

Answer 3

AND (&&):

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

HOẶC (||):

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

Answer 4

Lớp học giả :not không được IE hỗ trợ. Thay vào đó, tôi có một thứ như thế này:

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

Một số sao chép ở đó, nhưng đó là một mức giá nhỏ để trả cho khả năng tương thích cao hơn.

Answer 5

Chỉ trong trường hợp nếu có ai bị kẹt như tôi. Sau khi đi qua các bài viết và một số hit và thử nghiệm điều này làm việc cho tôi.

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

Answer 6

Bạn bằng cách nào đó có thể sao chép hành vi của "HOẶC" bằng cách sử dụng & và: không.

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

Answer 7

Để chọn tính a VÀ b của một yếu tố X:

X[a][b] 

Để chọn tính a HOẶC b của một yếu tố X:

X[a],X[b]