Nascondere una classe in un'altra classe

[Kortezzz]

Salve io vorrei fare una cosa simile:

.tizio {bla bla: blabla}
.caio {bla bla: blabla}
.caio .tizio {display: none}

Come si potrebbe fare?

[fcaldera]

non ho capito cosa vuoi fare
riesci a spiegare nella pratica cosa vorresti ottenere?

[Kortezzz]

allora io ho un immagine con class="img", questa immagine è presente in parecchi punti del codice html (il quale non posso toccare) e devo nasconderla in certe tabelle che hanno una classe. Quindi dovrei fare così:

.img {width: //px; height: //px}
.tab {width: //px; height: //px; etc..}
.tab .img {display: none}

[Kortezzz]

Non mi fa modificare il messaggio accidenti, mi sono scordato di dire che con il codice che ho scritto non funziona quindi vorrei un aiuto.

[fcaldera]

Originariamente inviato da Kortezzz
allora io ho un immagine con class="img", questa immagine è presente in parecchi punti del codice html (il quale non posso toccare) e devo nasconderla in certe tabelle che hanno una classe. Quindi dovrei fare così:

.img {width: //px; height: //px}
.tab {width: //px; height: //px; etc..}
.tab .img {display: none}

formalmente il codice che hai scritto è corretto: è un problema che si verifica con più browser?
temo comunque sia necessario vedere questa pagina online per aiutarti, magari c'è qualche regola scritta successivamente che vince.

Ad esempio, sei sicuro che nel codice non ci sia del css scritto come attributo inline nell'immagine?

[Kortezzz]

Si infatti a me sembrava pure corretto ma ne ero sicuro al 90% e volevo esserne certo.
Comunque ho risolto obbligando l'html a dare la precendeza al CSS, era come dicevi tu c'era una parte di HTML che sovrastava il CSS.

.img {width: //px; height: //px}
.tab {width: //px; height: //px; etc..}
.tab .img {display: none !important}

Basta aggiungere "!important"

Ciao e grazie

[fcaldera]

Originariamente inviato da Kortezzz
Si infatti a me sembrava pure corretto ma ne ero sicuro al 90% e volevo esserne certo.
Comunque ho risolto obbligando l'html a dare la precendeza al CSS, era come dicevi tu c'era una parte di HTML che sovrastava il CSS.

.img {width: //px; height: //px}
.tab {width: //px; height: //px; etc..}
.tab .img {display: none !important}

Basta aggiungere "!important"

Ciao e grazie

attenzione però che in alcune versioni di explorer !important non è supportato