It’s probably a bug, but you couldn’t manage to view an svg object tag with firefox, unless is setted as image/svg (and not a text/svg).
css: applicare o rimuovere una classe all’elemento “parent”
Si può ricorrere a jquery.
Mettiamo che io voglia applicare la class “noquote” (che toglie le virgolette all’inizio del paragrafo) a un p al cui interno si trova uno span. La sintassi è questa:
$( “p:has(> span)” ).addClass( “noquote” );
Se invece io voglio che p abbia le virgolette all’inizio se lo span ha una certa classe (mettiamo “evid”), la sintassi è la seguente:
$(“.evid”).parent().removeClass(“noquote”);
selettore nth-child (dal secondo caso in poi)
Se voglio applicare una certa regola dal secondo elemento di un insieme in poi posso usare questa sintassi: “nth-child(n+2)”.
formattazione condizionale css
Parliamo di tag html e di css. Voglio che se un p comincia con uno span non venga applicata una certa regola (nella fattispecie “aperte virgolette”). In effetti creo una pagina php con citazioni di autori e capita che un certo item cominci non con le parole dell’autore, ma con una mia introduzione.
Non è possibile agire a livello di puro css, col selettore :not (nella fattispecie :not(p > span): non viene riconosciuto.
Allora bisogna usare jquery
- collegare la pagina php a jquery su web (<script type=”text/javascript” src=”http://code.jquery.com/jquery-latest.min.js”></script>)
- creare una classe css, nel mio caso: .noquote (metto l’intero codice: “blockquote p.noquote:first-child:before {content:none;}”
- inserire lo script: “<script type=”text/javascript”>
$( “p:has(> span)” ).addClass( “noquote” );
</script>”
E il gioco è fatto!