Ciao,
mi chiamo Ivan e sono un autodidatta in queste argomentazioni.
vi pongo una questione che non riesco a risolvere. magari per voi è una cavolata!
mi ritrovo in una situazione di questo genere:
codice:
<body>
<div title="cor" style="color:red!important">Provolone</div>
</body>
in pratica nella situazione reale è un iframe creato automaticamente con un id nuovo che cambia ad ogni chiamata e il title che posso usare come selettore. Non è possibile mettere le mani sul codice poichè è creato automaticamente da uno script a cui non posso accedere.
il problema è che: il sistema assegna css in un foglio di style inline, così come nell'esempio.
io vorrei modificare uno di questi css.
per l'effetto cascata non riesco mai a superare il css inline, anche con questa sintassi di chiamata da un file esterno:
codice:
<script type="text/javascript">
function loadCSS(filename){
var file = document.createElement("link");
file.setAttribute("rel", "stylesheet");
file.setAttribute("type", "text/css");
file.setAttribute("href", filename);
document.head.appendChild(file);
}
//just call a function to load your CSS
//this path should be relative your HTML location
loadCSS("test.css");
</script>
inserendolo successivamente al div
con il testo seguente nel foglio test.css:
codice:
div[title~=cor] {
color:yellow!important;
}
spero sia chiaro e già ringrazio