2012-02-15 12 views
9

Invece di fare quanto segue per dare un colore di testo per tutti gli elementi della pagina:CSS: come indirizzare tutti gli elementi all'interno di un determinato ID

* {color: red;} 

Esiste un modo per applicare solo a tutti elementi all'interno di un determinato ID? Qualcosa del genere:

#container * {color: red;} 
+0

Does '#container * {color: red; } 'non funziona?!? –

+0

Ok, scusa, devo averlo provato male. Il mio esempio ha funzionato. Grazie a tutti! – RandyLahey

risposta

15

In realtà sì, esattamente come hai detto tu.

#container * { color: red; } 
0

Per il tuo esempio, puoi utilizzare jQuery?

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

EDIT: ero davvero male, mi serve giusto per cercare di rispondere sulla mia pausa pranzo con un mezzo panino in mano -.-

+2

Perché dovresti usare jQuery per questo quando il semplice CSS farebbe il trucco? –

+4

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

+1

Non solo che l'uso di jQuery non è necessario. Anche la risposta è sbagliata. Il codice sopra imposta solo il colore dei bambini diretti in rosso. La domanda era per tutti gli elementi all'interno di un elemento genitore. –

-1

Saremmo in grado di fornire una soluzione molto migliore se dovevamo vedere il codice HTML come riferimento.

Quello che stai cercando di fare è utilizzare i selettori CSS. . (CSS Selectors

E suona come selettori attributo può essere un'opzione per voi Attribute Selectors

Ad esempio, il seguente selettore di attributo corrisponde a tutti gli elementi H1 che specificano l'attributo "title", qualunque sia il suo valore:

h1[title] { color: blue; } 

Nel seguente esempio, il selettore seleziona tutti gli elementi SPAN il cui attributo "class" ha esattamente la "esempio" valore:

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

@Domenic per quanto riguarda la risposta di cui sopra hai una domanda? – Markus

+0

Che cosa ha a che fare con la domanda? – Domenic

+0

Ha chiesto come dare un determinato colore a elementi specifici in una pagina.Questi sono chiamati selettori CSS (fornito un collegamento) e gli ho anche fornito ulteriori informazioni su quello che viene definito un selettore di attributi (fornito di un collegamento) se voleva corrispondere agli elementi di una classe specifica. Perché lezione? Perché nella sua domanda ha usato il termine "ID" sbagliato, non ci sono più ID su una pagina, solo 1. Possono esserci più classi. Ecco perchè. – Markus

1

avrei pensato:

#container * {color: red;} 

dovrebbe funzionare.

2
#container * {color: red;} 

dovrebbe funzionare.

Se desideri solo i figli diretti per ottenere la classe, provare

#container>*{color: red;} 

Quale browser stai usando? (marca + versione)

Problemi correlati