2012-02-15 7 views
9

En vez de hacer lo siguiente para dar un color de texto a todos los elementos de la página:CSS: Cómo orientar todos los elementos dentro de un determinado ID

* {color: red;} 

¿Hay una manera de sólo se aplican a todos elementos dentro de una determinada identificación? Algo como esto:

#container * {color: red;} 
+0

Does '#container * {color: red; } 'no funciona?!? –

+0

Ok, lo siento, debo haber estado testeando mal. Mi ejemplo funcionó. ¡Gracias a todos! – RandyLahey

Respuesta

15

En realidad sí, exactamente como usted mencionó.

#container * { color: red; } 
0

Para su ejemplo, ¿puede utilizar jQuery?

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

EDIT: yo era de hecho mal, no me falla para tratar de responder en mi hora de almuerzo con la mitad de un sándwich en la mano -.-

+2

¿Por qué usarías jQuery para esto cuando el simple CSS hiciera el truco? –

+4

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

+1

No solo que el uso de jQuery no es necesario. La respuesta también es incorrecta. El código anterior establece solo el color de los niños directos en rojo. La pregunta era para todos los elementos dentro de un elemento primario. –

-1

Nos gustaría ser capaz de proporcionar una solución mucho mejor si debíamos ver el código HTML como referencia.

Lo que quieres hacer es usar los selectores de CSS. . (CSS Selectors

Y suena como selectores de atributo puede ser una opción para usted Attribute Selectors

Por ejemplo, el siguiente selector de atributo coincide con todos los elementos H1 que especifican el atributo "title", cualquiera que sea su valor:

h1[title] { color: blue; } 

En el siguiente ejemplo, el selector equivale a todos los elementos SPAN cuyo atributo "class" tiene exactamente el "ejemplo" valor:

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

@Domenic ¿qué hay de la respuesta anterior sobre la que tienes una pregunta? – Markus

+0

¿Qué tiene que ver con la pregunta? – Domenic

+0

Preguntó cómo dar un determinado color a elementos específicos en una página.Esos se llaman selectores de CSS (proporcionan un enlace) y también le di información adicional sobre lo que se llama un selector de Atributo (proporcionado un enlace) si quería hacer coincidir elementos de una clase específica. ¿Por qué clase? Debido a que utilizó el término 'ID' incorrecto en su pregunta, no hay múltiples ID en una página, solo 1. Puede haber múltiples clases. Es por eso. – Markus

1

, habría pensado:

#container * {color: red;} 

debería funcionar.

2
#container * {color: red;} 

debería funcionar.

Si sólo desea dirigir a los niños para obtener la clase, tratar

#container>*{color: red;} 

¿Qué navegador está usando? (marca + versión)

Cuestiones relacionadas