Innhold

• retninger
• overskriften {
• tips
• advarsel

Å gjøre endringer i CSS-deklarasjoner ("Cascading Style Sheet") som er brukt på et HTML-element, kan virke som en kompleks oppgave. Men så lenge systematisk nærmet seg, er det mulig å foreta de nødvendige endringene uten komplikasjoner. En enkelt nettside kan bruke stilegenskaper fra flere kilder. På denne måten vil din opprinnelige oppgave være å finne ut hvor deklarasjonene for din "div" kommer fra. Når du er lokalisert, kan du forhindre at de har effekt på elementet ved å endre HTML- eller CSS-koden.

retninger

Nettsteder bruker både HTML og CSS til å bestemme utseendet og stilen (Comstock / Comstock / Getty Images)

1. Finn ut hvor CSS på nettsiden er lagret. CSS-koden kan vises inline, noe som betyr at stildeklarasjoner er oppført som en del av merking av et element som i syntaksen i følgende eksempel: Innhold

   Hvis denne koden vises i "div", kan du fjerne hele "stil" -attributtet med verdien. CSS-koden kan vises i seksjonen "Hodet" på siden som følger: Kropp {bakgrunnsfargen: # 000000;}

   CSS-koden kan også vises i en eller flere separate CSS-filer med koblinger i delen "Hodet" på siden som følger:

2. Hvis siden din har CSS-kode i delen "Head" eller i separate filer, må du søke gjennom alle CSS-kodene for å endre stilen for "div" -elementet.

   
   

3. Sjekk etter CSS-koden som refererer til "div" -elementene. CSS kan brukes på en elementtype, for eksempel følgende: div {padding: 5px; }

   Hvis CSS i "head" på siden din eller separate filer har identifikatoren "div" brukt på denne måten, vil koden i CSS-blokken påvirke elementet. For å endre effekten på "div", men la koden bli brukt på andre "div" -elementer på nettstedet, kan du endre "div" til en annen elementtype. Alternativt kan du endre CSS-koden som skal brukes bare til "div" -elementer med en bestemt klassetributt, og legger til dette attributtet til de "div" -elementene som du vil at CSS skal brukes på.

4. Sjekk etter CSS-koden som refererer til klassen av elementet ditt. HTML-elementer har klassetributtene som følger: Toppinnhold

   Hvis "div" har en klassetributt, se verdien av attributten i CSS-koden din. Det kan vises i sin egen attributt, som følger: .top {/CSS-erklæringer/ }

   
   

   Alternativt kan det vises sammen med elementtypen som følger: div.top {/CSS-erklæringer/ }

   Hvis en av dem vises, kan du forhindre erklæringer fra å søke på elementet ditt ved å endre eller fjerne klassetributtet. Fjerning av CSS-kode kan påvirke andre elementer med klassen, ikke bare elementet som jobber med.

5. Kontroller CSS-koden for element-IDen din. Elementet ditt kan ha et unikt ID-attributt, som følger: Toppinnhold

   Hvis elementet ditt har et ID-attributt, søk etter det i CSS, og søk etter følgende syntaks:

   overskriften {

   /CSS-erklæringer/ }

   Innenfor hver side skal en ID-attributtverdi bare vises én gang, siden ID-en må være unik. Endring av verdien av ID-attributtet bør forhindre at CSS-koden påvirker "div" -elementet. Du kan fortsatt endre eller fjerne CSS-koden, men dette kan påvirke elementer med samme ID på andre sider på nettstedet ditt hvis de bruker samme CSS-kode.

6. Se etter CSS-koder som påvirker foreldre- eller barnelementene i "div". CSS-koden for foreldreelementer vil ha en reaksjon på "div", så du må kanskje gjøre endringer i denne koden, selv om de kan påvirke resten av nettstedet ditt. Elementene i diven din kan også ha tilpasset CSS-koden. Kontroller å bruke samme metode som brukes til "div" selv, som arbeider med hvert av elementene av gangen.

tips

• Nettleserverktøy, for eksempel Firebug, kan være nyttig når du endrer HTML- og CSS-kode.

advarsel

• Endringer i et eksisterende nettsted kan ha uventede konsekvenser. Av denne grunn anbefales det å lagre kopier av alle filene du planlegger å endre.