Notifikationer

Markér alle som læst Log ud

googolplex Novice

14. december 2003 - 23:24 Der er 12 kommentarer og
3 løsninger

Hvilken 'style' vægter mest

Der er 3 måder at angive styles på:

http://html.dk/tutorials/css/lektion2.asp

Men hvis jeg bruger alle 3 samtidig eller en kombination heraf, hvilken af de tre vægter så mest?

Jeg uddyber gerne hvis spørgsmålet er uklart :)

Synes godt om

azzodiac Nybegynder

14. december 2003 - 23:26 #1

Største vægt er den style du skriven inde i TAG'en.
Feks. <p style="color: #000;">
Derefter det style du skriver i HEAD tag'en.
Og sidst det style du skriver i eksterne filer.

Synes godt om

bearhugx Nybegynder

14. december 2003 - 23:26 #2

Det gør
<body style="..."> ... det der også kaldes Inline Style....

Synes godt om

spe Nybegynder

14. december 2003 - 23:31 #3

Primcippet er: det der er tættest på det der skal styles gælder eller med andre ord overskriver de øvrige.

Synes godt om

bearhugx Nybegynder

14. december 2003 - 23:32 #4

Den rækkefølge, de er listet i, er også den vægtede rækkefølge - som azzodiac skriver, så er "metode 1" den element-nære - derefter "metode 2" som er dokument-nær - og tilsidst "metode 3" som er site-nær ... Metode 1 er den som er "nærmest" det givne element - derfor har den prioritet -- metode 2 er nær for alle dokumentets elementer, og kommer derfor ind på en andenplads.... og tilsidst er der så metode tre som er nær på alle sitets elementer - men dog stadigvæk fjernere end metode 2

Synes godt om

roenving Novice

14. december 2003 - 23:39 #5

-- men det er forkert, at eksterne styles vægter mindre end dem, som er angivet i et style-tag ...

Det kommer ganske an på rækkefølgen de indlæses i ...

En style-property vil blive overskrevet, hvis css-maskinen opdager en ny på et senere tidspunkt, så det anbefalede vil være, at linkede stylesheets skrives først og derefter et stylesheet med dokument-specifikke selektorer ...

-- en helt anden problemstilling er den arv, som finder sted inde i dokumentet, hvor visse properties nedarves til nogle men ikke til alle elementer ...

Et godt eksempel kunne være, at man i body angiver en masse font-properties, men de vil ikke slå igennem til alle elementer, f.eks. vil table- og a-tags leve deres eget liv, og i forskelligt omfang arve !-)

Synes godt om

googolplex Novice

14. december 2003 - 23:45 #6

Kan jeg så bruge følgende?

<div class="minklasse" style="border-width: 5px; border-color: #ff0000"></div>

Så jeg kun 'overskriver' de properties fra div.minklasse som jeg IKKE vil bruge, mens resten af div.minklasse gælder for min div?

Synes godt om

roenving Novice

14. december 2003 - 23:46 #7

Præcis !-)

Synes godt om

googolplex Novice

14. december 2003 - 23:46 #8

roenving: Smid et svar, så deler jeg ud :)

Synes godt om

roenving Novice

14. december 2003 - 23:47 #9

Forøvrigt kan du også bruge flere classes på et element ...

Synes godt om

roenving Novice

14. december 2003 - 23:47 #10

Velbekomme '-)

Synes godt om

googolplex Novice

14. december 2003 - 23:50 #11

Hvordan bruger jeg flere classes?

Så kan du jo 'svare' på det :P

Synes godt om

spe Nybegynder

14. december 2003 - 23:51 #12

roenving> Hvordan styles arves er vel egentlig en anden problematik end vægtningen. Princippet jo tættere jo større vægt kan vi vist alle være enige om.

Synes godt om

roenving Novice

14. december 2003 - 23:57 #13

Du kan jo prøve at lege lidt med class-definitionerne i div-tagget !-)

<style type="text/css">
.fontVerdana{
font-family:Verdana,sans-serif;
color:blue;
background:lightgreen;
}
.colorRed{
color:red;
background:lightblue;
}
.backgroundBlue{
background:blue;
}
</style>

<div class="fontVerdana colorRed backgroundBlue">Denne tekst er rød</div>

Synes godt om

roenving Novice

14. december 2003 - 23:58 #14

-- nåja, velbekomme '-)

Synes godt om

roenving Novice

15. december 2003 - 00:12 #15

-- og tak for points ;~}

Prøv virkelig at lege med de tre classes, for det giver nogle overraskende effekter engang imellem, og illustrer bl.a. tydeligt rækkefølgens betydning !-)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS