CSS “và” và “hoặc”

Tôi đã gặp rắc rối khá lớn, vì tôi cần tính toán từ việc tạo kiểu một số kiểu đầ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 tạo kiểu cho các hộp kiểm.

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

Cách sử dụng &&? Và tôi sẽ cần sử dụng ||sớm, và tôi nghĩ rằng cách sử dụng sẽ như nhau.

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

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

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

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

Một vi dụ khac:

<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 tương tự như vậy:

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

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

VÀ ( &&):

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

Để chọn thuộc tính aVÀ bcủa một Xphần tử:

X[a][b]

Để chọn thuộc tính aHOẶC bcủa một Xphần tử:

X[a],X[b]

Lớp :notgiả không được IE hỗ trợ. Thay vào đó, tôi muốn 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ố trùng lặp ở đó, nhưng đó là một cái giá nhỏ để trả cho khả năng tương thích cao hơn.

Bằng cách nào đó, bạn có thể tái tạo hành vi của "OR" 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 */
}

Tôi đoán bạn ghét phải 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 cái này

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

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

Đề phòng nếu có ai bị kẹt như mình. Sau khi đi qua 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"])

Một lời cảnh báo. Việc xâu notchuỗi một số bộ chọn lại với nhau làm tăng tính cụ thể của bộ chọn kết quả, khiến việc ghi đè khó hơn: về cơ bản bạn sẽ cần tìm bộ chọn có tất cả các ký hiệu và sao chép-dán nó vào bộ chọn mới của mình.

Một not(X or Y)bộ chọn sẽ rất tốt để tránh làm tăng tính cụ thể, nhưng tôi đoán chúng ta sẽ phải kết hợp các mặt đối lập, như trong câu trả lời này .