2012-06-29 38 views
23

Theo thông số CSS W3, một cái gì đó như: input[type~="text password"] nên chọn các trường nhập có loại được đặt thành "văn bản" hoặc "mật khẩu", nhưng nó không hoạt động! Tôi đã hiểu sai dòng này?CSS nhiều đầu vào [loại] bộ chọn

E [foo ~ = "cảnh báo"] Trận bất kỳ yếu tố E có "foo" giá trị thuộc tính là một danh sách các giá trị không gian tách ra, một trong số đó là chính xác bằng "cảnh báo".

CSS spec source, là thứ tư từ dưới cùng trong bảng.

+0

Trên [nguồn dữ liệu CSS] (https://www.w3.org/TR/CSS2/selector.html#pattern-matching), chúng ta có thể thấy lưu ý này: Một số phần của đặc điểm kỹ thuật này đã được được cập nhật bởi các thông số kỹ thuật khác. Vui lòng xem "** [Bảng định kiểu xếp tầng (CSS) - Định nghĩa chính thức] (https://www.w3.org/TR/CSS/#css) **" trong Ảnh chụp nhanh CSS mới nhất để biết danh sách các đặc điểm và các phần họ thay thế. – Nolwennig

Trả lời

29

Đúng, bạn đã hiểu sai. Bộ chọn là để tìm kiếm trong một danh sách không gian tách .. tức là

<element attribute="text password" />

bạn có thể tìm cách sử dụng:

element[attribute~="text"]

Lợi ích của việc này là nó không phải phù hợp:

<element attribute="textual password" />

Hy vọng rằng sẽ giúp?

Để đạt được những gì bạn đang thực sự cố gắng làm là một chút dài dòng hơn:

input[type="text"], input[type="password"]

+0

Haha, cảm ơn. Tôi nhận ra đây là ý của họ sau khi nghĩ về nó nhiều hơn. XD –

0

Bạn đang đọc nó sai. E[foo~="warning"] sẽ chọn bất kỳ phần tử nào đã cảnh báo cho nó một danh sách được phân tách bằng dấu cách. Như thế này: <el foo="test warning etc" />

Các vấn đề liên quan