CSS: Jak dotrzeć do wszystkich elementów w danym ID

Question

Zamiast następujący sposób dać kolor tekstu dla wszystkich elementów na stronie:

* {color: red;} 

Czy istnieje sposób, aby zastosować go tylko do wszystkich elementy w ramach określonego identyfikatora? Coś takiego:

#container * {color: red;} 

Answer 1

Właściwie tak, dokładnie tak jak wspomniałeś.

#container * { color: red; } 

Answer 2

Dla Twojego przykładu, możesz użyć jQuery?

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

EDIT: I rzeczywiście źle, służy mi prawo do próbując odpowiedzieć na przerwy na lunch z pół kanapkę w ręku -.-

Answer 3

Bylibyśmy w stanie zapewnić znacznie lepsze rozwiązanie, jeśli mieliśmy zobaczyć kod HTML jako odniesienie.

Co chcesz zrobić, to użyć selektorów CSS. . (CSS Selectors

I to brzmi jak selektorów atrybutów może być rozwiązaniem dla ciebie Attribute Selectors

Na przykład, poniższy selektor atrybutu dopasowuje wszystkie elementy H1, które określają „title” atrybut, bez względu na jego wartość:

h1[title] { color: blue; } 

W poniższym przykładzie selektor dopasowuje wszystkie elementy SPAN, których atrybut „class” ma dokładnie wartość „przykład”:

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

Answer 4

bym pomyślał:

#container * {color: red;} 

powinno działać.

Answer 5

#container * {color: red;} 

powinno działać.

Jeśli chcesz tylko bezpośrednie dzieci, aby uzyskać klasę, spróbuj

#container>*{color: red;} 

Jakiej przeglądarki używasz? (marka + wersja)