Avatar billede ber Juniormester
23. februar 2004 - 14:35 Der er 7 kommentarer og
1 løsning

CSS - class - definitioner - nogen bestemt rækkefølge?

Hej eksperter,

Skal definitionerne i de forskellige classes stå i en bestemt rækkefølge?

Har opdaget, at mine links har det som et blinklys i Århus: Nu virker det - nu virker det ikke - nu virker det ...

Bemærk, at mine pseudo-selektorer er OK :-)

Der må være noget i hierarkiet, der går galt. Jeg har tre css-filer. En med links, en med classes, en med temaet. Bruger FP2000 m.tema. Rækkefølgen her er jeg også lidt i tvivl om.

Har kigget på de relevante spørgsmål/besvarelser, jeg kunne finde, bl.a. fra 1.oktober 2003, men har ikke kunnet finde noget om definitioners rækkefølge i classes. W3C's væg-til-væg sider er noget uoverskuelige.

PFT og venlige hilsener

---------------------------------------------------
Eksempel 1 - uddrag

.broed 
{
font-family: Verdana, Tahoma, Arial, Sans-serif;
text-align: left;
line-height: 150%;
font-size: 10pt;
margin-top: 0px;
margin-bottom: 0px;
}

.1broed
{
font-family: Verdana, Tahoma, Arial, Sans-serif;
line-height: 100%;
font-size: 10 pt;
text-align: left;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
}

.2broed
{
font-family: Verdana, Tahoma, Arial, Sans-serif;
line-height: 100%;
font-size: 10 pt;
text-align: left;
font-weight: bold;
color: #0E2E7B;
margin-top: 0px;
margin-bottom: 0px;
}

.li-b
{
list-style-image: url(../_images/bullet3s.gif);
  border: 0px;
  valign: bottom;
  font-family: Verdana, Tahoma, Arial, Sans-serif;
  font-size: 9pt;
  margin-left: -20px;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-right: -20px;
  }

-----------------------------------------------
Eksempel 2 - uddrag

a
{
    font-family: Verdana, Tahoma, Arial, Sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
}
A:link {color: #0E2E7B;}
A:visited { color:#80072B;}
A:hover { color:#80072B;}
A:active {color:#0E2E7B;}

.b
{
    font-family: Verdana, Tahoma, Arial, Sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
}

.b A:link {color: #0E2E7B;}
.b A:visited { color:#80072b;}
.b A:hover { color:#80072B;}
.b A:active {color:#0E2E7B;}

--------------------------------------------------
Avatar billede roenving Novice
23. februar 2004 - 14:41 #1
Tal er ulovlige som start-tegn, så lav lige dine 1 & 2broed-classes om ...

-- og så er a-tags sig selv, så de sidste linjer vil have størrelse 9pt og bold !-)

-- så de vil ialt være ens med dem over ...

Måske er det:

.b
{
    font-family: Verdana, Tahoma, Arial, Sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
}

.b:link {color: #0E2E7B;}
.b:visited { color:#80072b;}
.b:hover { color:#80072B;}
.b:active {color:#0E2E7B;}

du skal bruge, for det vil virke med class="b" i a-tags !-)
Avatar billede ber Juniormester
23. februar 2004 - 15:10 #2
Startcifrene er rettet. 'a-tags er sig selv', i.e. de overruler eller hva'?

Men rækkefølgen af deskriptorer i classes: font-family, text-align, font-size m.v. Er den ligegyldig i classes, eller er det underordnet? Jf. den faste rækkefølge af pseudo-selektorer i links.

Jeg vil prøve at bytte om på rækkefølgen af de tre css-filer for at se, om det er der fejlen ligger.
Avatar billede roenving Novice
23. februar 2004 - 15:13 #3
Det har ingen betydning med rækkefølgen, da alle properties netop er properties, så de så at sige har hver deres hylde at opholde sig på ...

-- men det er vigtigt at være opmærksom på, at en senere forekomst af et gyldigt match på selector, vil bevirke, at en evt. tidligere sat property vil blive overskrevet !-)
Avatar billede roenving Novice
23. februar 2004 - 15:14 #4
-- og du har ret i, at de nærmest overruler, for det, som sker er, at de ikke, som det ellers er standard i css (specielt for inline-elementer !-), arver egenskaber fra det omkringliggende element !o]
Avatar billede ber Juniormester
23. februar 2004 - 16:04 #5
Må vist se i øjnene, at jeg ikke får det løst lige p.t. Mystisk, at hover-effekten kun virker nogle steder på en side, selv om syntaksen skulle være ens. Og er det nu en go' idé at markere besøgte links med anden farve. Jeg går i tænkeboks. Send et svar, så sender jeg points. Tak for hjælpen. Nu begynder jeg i hvert fald ikke at konsekvensrette i css-filen.
Avatar billede ber Juniormester
23. februar 2004 - 16:06 #6
Lige et tillægsspørgsmål: hover-effekten skulle da virke n antal gange, ikke?
Avatar billede roenving Novice
23. februar 2004 - 17:08 #7
Jo, hover skulle være ligeglad med hvor tit, den aktiveres fra hvor mange steder !-)

-- og ellers velbekomme '-)
Avatar billede roenving Novice
24. februar 2004 - 00:39 #8
-- og tak for points ;~}
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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