Come rimuovere tutti gli stili CSS per un DIV singolo

January 16

Come rimuovere tutti gli stili CSS per un DIV singolo


Apportare modifiche al CSS (Cascading Style Sheet) le dichiarazioni che si applicano a un elemento HTML può sembrare un compito complesso. Tuttavia, fino a quando ci si avvicina in modo sistematico, si dovrebbe essere in grado di apportare le modifiche necessarie senza troppo stress. Una singola pagina Web può utilizzare le proprietà di stile provenienti da fonti diverse, così il vostro compito iniziale sarà quello di scoprire dove le dichiarazioni per il vostro "div" sono provenienti da. Una volta individuato, è possibile interrompere le dichiarazioni di avere un effetto sul elemento alterando sia il codice HTML o CSS.

istruzione

1 Scopri dove è memorizzato il codice CSS della pagina Web. può apparire codice CSS in linea, il che significa dichiarazioni di stile sono elencati come parte di markup di un elemento come nella sintassi seguente esempio:

<Div style = "color: # FF0000;"> Content </ div>

Se questo codice viene visualizzato all'interno del tuo "div" è possibile rimuovere l'intero attributo "style" con il suo valore. codice CSS può apparire all'interno della sezione head della pagina nel modo seguente:

<Style type = "text / css">

body {background-color: # 000000;}

</ Style>

codice CSS può anche apparire in uno o più file CSS separati con link nella sezione head pagina come segue:

<Link rel = "stylesheet" type = "text / css" href = "pagestyles.css" />

Se la pagina ha il codice CSS in testa o in file separati, è necessario guardare a tutto questo codice CSS per modificare lo stile per il vostro elemento "div".

2 Verificare la presenza di codice CSS riferimento a elementi "div". CSS può applicare ad un tipo di elemento, come nel seguente esempio:

div {

padding: 5px;

}

Se il CSS nella tua testa pagina o file separati ha l'identificatore "div" usato in questo modo, il codice all'interno del blocco CSS sarà che interessano il vostro elemento. Per modificare l'effetto sul vostro "div", ma lasciano il codice da applicare ad altri elementi "div" nel sito, è possibile modificare la "div" ad un diverso tipo di elemento. In alternativa, è possibile modificare il codice CSS per applicare solo agli elementi "div" con un particolare attributo di classe, l'aggiunta di questo attributo a quegli elementi "div" si desidera che il CSS da applicare.

3 Verificare la presenza di codice CSS riferimento alla classe elemento. elementi HTML possono avere gli attributi di classe come segue:

<Div class = "top"> Contenuti principali </ div>

Se il "div" ha un attributo di classe, cercare il valore di attributo nel codice CSS. Il valore dell'attributo può apparire sul proprio come segue:

.superiore {

/

Dichiarazioni CSS /

}

In alternativa può apparire insieme con il tipo di elemento come segue:

div.top {

/ Dichiarazioni CSS /

}

Se uno di questi appaiono, è possibile evitare che le dichiarazioni di applicare al vostro elemento modificando o rimuovendo il suo attributo di classe. Rimozione del codice CSS può influenzare altri elementi con la classe, non solo l'elemento che si sta lavorando.

4 Verificare la presenza di codice CSS riferimento al vostro ID elemento. Your elemento può avere un attributo ID univoco come segue:

<Div id = "heading"> Contenuti principali </ div>

Se il vostro elemento ha un attributo ID, verificare la presenza all'interno del CSS, cercando per la seguente sintassi:

intestazione {

/

Dichiarazioni CSS /

}

All'interno di ogni pagina, un valore di attributo ID deve comparire solo una volta, come l'ID è pensato per essere unico. Cambiare il valore di attributo ID dovrebbe impedire il codice CSS di influenzare l'elemento "div". Opzionalmente si può cambiare o rimuovere il codice CSS, ma questo può influenzare gli elementi con lo stesso ID su altre pagine del sito se usano lo stesso codice CSS.

5 Verificare la presenza di codice CSS che incidono su elementi padre o figlio di tua "div". codice CSS per gli elementi padre avrà un effetto a catena sul "div" in modo da avere bisogno di apportare modifiche al codice che, anche se questi cambiamenti possono influenzare il resto del tuo sito. Gli elementi all'interno della vostra "div" può anche hanno adattato il codice CSS, in modo da verificare la presenza di questo con lo stesso metodo utilizzato per il "div" stesso, lavorando attraverso gli elementi figlio a sua volta.

Consigli e avvertenze

  • Strumenti del browser, come Firebug possono essere utili quando si modifica il codice HTML e CSS.
  • Modifiche a un sito web esistente può avere conseguenze impreviste. Per questo motivo si potrebbe desiderare di salvare copie di tutti i file che si intende a cambiare.

Articoli Correlati