Non so se si può fare ma credo di si, vorrei creare una classe e una sottoclasse che prenda quindi le definizioni dalla sua classe padre, per esempio:
.classA { ... }
.classA1 .classA { ... }
se dunque ad un elemento assegno la classe .classA1 dovrebbe applicarmi le definizioni di .classA + .classA1 giusto?
non mi funziona, non applica le due definizioni, sbaglio forse qualcosa nella sintassi?
no, non funziona proprio cosìOriginariamente inviato da andrestu
se dunque ad un elemento assegno la classe .classA1 dovrebbe applicarmi le definizioni di .classA + .classA1
giusto?
tu probabilmente ti stai aspettando un comportamento diverso: nello specifico, puoi fare un esempio concreto (semplificato)?
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
ogni valore o attributo ha un peso un elemento puo' valere
h1{
color:red
} è ugulae ad 0,0,0,1
h1.altro {
color:red
} è uguale ad 0,0,1,1 il colore sarà red vale di più
funziona tutto così al massimo prova ad aggiungire "!important"
Io invece ho capito che voglia ottenere una cosa così
Cosa che non può funzionarecodice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento senza titolo</title> <style type="text/css"> <!-- .classe1 { color: #F00; } .classe1, .classe2 { font-weight: bold; } --> </style> </head> <body> <div class="classe2">Questo testo rosso e bold</div> </body> </html>
Grazie a tutti x le risposte.
Il comportamento che volevo ottenere è quello descritto da miki003 ultimo post, diciamo che volevo evitare di inserire definizioni ripetute x diversi elementi cioè vi faccio un altro esempio:
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
vorrei fare in modo che tutti e tre usino come colore il rosso ma diversa larghezza x ognuno quindi:
.div1 { color:red; width:100px; }
.div2 { color:red; width:150px; }
.div3 { color:red; width:200px; }
e fin qui tutto normale, ma se io volessi semplificare la sintassi e scrivere x esempio una sola volta la definizione color:red; che vale x tutti e tre come faccio?
Ho trovato qualche documento che faceva vedere qualcosa di simile a questo:
.divGeneral { color:red; }
.div1 .divGeneral { width:100px; }
.div2 .divGeneral { width:150px; }
.div3 .divGeneral { width:200px; }
con la virgola o senza ho già provato ma non mi funziona, che ne pensate?
.divgeneral { color:red; }
.div1 { width:100px; }
.div2 { width:150px; }
.div3 { width:200px; }
<div class="divgeneral div1"></div>
<div class="divgeneral div2"></div>
<div class="divgeneral div3"></div>
oppure se vuoi evitare di usare una classe aggiuntiva
.div1, .div2, .div3 { color:red; }
.div1 { width:100px; }
.div2 { width:150px; }
.div3 { width:200px; }
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
ok perfetto grazie mille, sbagliavo nella sintassi...
qualcosa del genere invece non si può fare?
#divgeneral { dichiarazioni }
#div1 { background }
....
<div id="divgeneral div1"></div>
....
Ho un menu fatto con teconologia css sprite. Passando sopra quindi ho l'effetto rollover desiderato sui diversi bottoni. In alcune pagine vorrei avere un bottone già "acceso" (quello relativo al titolo della pagina insomma). Come procedere?
ciao e grazie
EDIT: mi spiego un po' meglio...
se per esempio faccio una nuova classe
.divbg {background-position: 0 -203px;}
e poi la richiamo: <div id="divgeneral div1" class="divbg"></div>
non ho nessun risultato (e forse è normale)
mentre se metto la dichiarazione in linea
ottengo quello che voglio <div id="divgeneral div1" style="background-position: 0 -203px;" ></div>
no, le classi possono essere multipleOriginariamente inviato da bigrattle
qualcosa del genere invece non si può fare?
#divgeneral { dichiarazioni }
#div1 { background }
....
<div id="divgeneral div1"></div>
....
ma un id è univoco ed è uno solo per elemento
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
...e aggiungendo un attributo class="..." non ottengo nulla perché l'ID è più importante quindi?
ad ogni modo ho risolto mettendo lo style inlinea. Grazie per la risposta
Permessi di invio
Rispondi quotando