2012-11-02 35 views
7

Thiết kế tôi đang làm việc để có các hình nền khác nhau cho các cột thay thế. Có thể thiết lập các hình nền ốp lát khác nhau cho mỗi cột không,Có thể nhắm mục tiêu các cột CSS3 riêng lẻ với các bộ chọn không?

ví dụ:

column:nth-child(n+1) {background:url(tile1.gif) repeat-x; } 

Hoặc tôi có phải quay trở lại trên một hình nền lớn xếp thành hai cột không?

+0

Bạn có nghĩa là 'cột: thứ n-con (thậm chí) 'và' cột: thứ n-con (lẻ) '? – Barmar

+0

Tôi không tin như vậy, nhưng +1 để thêm điều này vào bản nháp của W3C. – Jules

+1

@JulesMazur: Sẽ khá khó khăn để thực hiện như một bộ chọn mặc dù (':: nth-column()' pseudo-element?), Đặc biệt là cho cách nó hiện đang được xác định trong mô-đun Multi-column Layout. Không thể sử dụng 'cột: nth -...' vì 'cột' được cho là nhắm mục tiêu phần tử' 'và không có sự đảm bảo nào sẽ không tồn tại trong HTML5 hoặc không tồn tại trong bất kỳ ngôn ngữ nào khác (cộng với đã có '' cho bảng). – BoltClock

Trả lời

4

Đáng tiếc là bạn không thể thay đổi màu sắc của các cột:

Nó không phải là có thể thiết lập các thuộc tính/giá trị trên hộp cột. Ví dụ: không thể đặt nền của một hộp cột nhất định và hộp cột không có khái niệm về đệm, lề hoặc đường viền.

Từ w3.org: 2. The multi-column model

+1

Nó cũng nói, "Thông số kỹ thuật trong tương lai có thể thêm chức năng bổ sung. Ví dụ, các cột có độ rộng khác nhau và các nền tảng khác nhau có thể được hỗ trợ. "Đối với những người muốn hy vọng. –

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