2012-02-15 28 views
9

Thay vì làm như sau để đưa ra một màu sắc văn bản cho tất cả các yếu tố trên trang:CSS: Làm thế nào để nhắm mục tiêu tất cả các yếu tố trong một ID cho

* {color: red;} 

Có cách nào để chỉ áp dụng nó cho tất cả các yếu tố trong một id nhất định? Một cái gì đó như thế này:

#container * {color: red;} 
+0

Có '#container * {color: red; } 'không hoạt động?!? –

+0

Ok, xin lỗi, tôi phải đã thử nghiệm nó sai. Ví dụ của tôi đã làm việc. Cảm ơn tất cả mọi người! – RandyLahey

Trả lời

15

Thực ra đúng, chính xác như bạn đã đề cập.

#container * { color: red; } 
0

Ví dụ, bạn có thể sử dụng jQuery không?

$('#container').children().css('color', 'red'); 

EDIT: Tôi đã thực sự sai, phục vụ cho tôi phù hợp với cố gắng để trả lời về nghỉ trưa của tôi với một nửa bánh sandwich trong tay tôi -.-

+2

Tại sao bạn sử dụng jQuery cho điều này khi CSS đơn giản sẽ thực hiện thủ thuật? –

+4

Whyyyyyyyyyyy. http://www.doxdesk.com/img/updates/20091116-so-large.gif http://www.doxdesk.com/updates/2009.html#u20091116-zalgo – Domenic

+1

Không chỉ việc sử dụng jQuery không phải là cần thiết. Câu trả lời cũng sai. Đoạn mã trên chỉ đặt màu của các con trực tiếp thành màu đỏ. Câu hỏi dành cho tất cả các phần tử trong phần tử cha-mẹ. –

-1

Chúng tôi sẽ có thể cung cấp một giải pháp tốt hơn nhiều nếu chúng tôi đã xem mã HTML làm tài liệu tham khảo.

Điều bạn đang muốn làm là sử dụng bộ chọn CSS. . (CSS Selectors

Và nó như selectors Thuộc tính âm thanh có thể là một lựa chọn cho bạn Attribute Selectors

Ví dụ, chọn thuộc tính sau phù hợp với tất cả các yếu tố H1 mà xác định "danh hiệu" thuộc tính, bất kể giá trị của nó:

h1[title] { color: blue; } 

Trong ví dụ sau, bộ chọn phù hợp với tất cả các yếu tố SPAN có "đẳng cấp" thuộc tính có chính xác giá trị "dụ":

span[class=example] { color: blue; } 
+0

@Domenic những gì về câu trả lời ở trên bạn có một câu hỏi về? – Markus

+0

Nó có liên quan gì đến câu hỏi này? – Domenic

+0

Anh ấy hỏi làm thế nào để đưa ra một màu nhất định cho các yếu tố cụ thể trên một trang.Chúng được gọi là bộ chọn CSS (cung cấp một liên kết) và tôi cũng cung cấp cho anh ta thêm thông tin về những gì được gọi là bộ chọn thuộc tính (cung cấp một liên kết) nếu anh ta muốn so khớp các phần tử của một lớp cụ thể. Tại sao lại là lớp học? Vì anh ta đã sử dụng thuật ngữ 'ID' sai trong câu hỏi của mình nên không có nhiều ID trên một trang, chỉ có 1. Có thể có nhiều lớp. Đó là lý do tại sao. – Markus

1

Tôi đã nghĩ:

#container * {color: red;} 

Nên hoạt động.

2
#container * {color: red;} 

Nên hoạt động.

Nếu bạn chỉ muốn trẻ em trực tiếp để có được lớp, hãy thử

#container>*{color: red;} 

trình duyệt nào bạn đang sử dụng? (thương hiệu + phiên bản)

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