CSS lager

bo82 · 2006-04-17, 17:46

Jag har flera lager som heter #post-1, #post-2, #post-3 osv osv...

Hur gör jag för att komma åt dom i min css-fil?
t ex

Kod:

#post-[*] {
  color:blue;

}

Surfaren · 2006-04-17, 18:25

Funderat på att sätta en gemensam klass på allihop?

Ligger de alla i ett omslutande element, och är alla av samma typ (tex div)? Isf kan du köra med:

Kod:

#uberelement div { egenskap: värde; }

r/
Funkar förstås inte så bra om du har fler divar där nere som inte ska ha samma egenskaper. Men om de är färre till antalet kan du ju alltid köra över med nya egenskaper för dessa.

bo82 · 2006-04-17, 18:44

Hm är inte riktigt med på vad du menar...

Måste använda mig utav ID i detta fallet.. så de måste vara unika..

bo82 · 2006-04-17, 18:48

Svårt att förklara vad jag egentligen vill. Här kommer koden som ag har nu och det jag vill göra är att kunna göra samma sak för #message-2 osv..

Citat:

<html>
<head>
<title>test</title>
<style>
#message-1 {
colorink;
}

#message-1:hover>.info {
color:green;
backgroundink;
}

#message-1 .info {
color:blue;
}
</style>
</head>
<body>
<div id="message-1">

ksd lh dfhdjfhfjhasj fkshdf ajdkshf ajsdköhf jsökdhf öjshf öjdshf jdhaf shjf ds
as fdf asf dfdag fgr agagfgre hgaadsfsdafkhfjkhjfhjh f fsfh sdaf sfhds jfhsajökf asjföha
fjsa fjaf jshf ösdhfjhd fioahf djfhdsfha f öds afsa f
</p>

<div class="info">

Hejsan jag vill bli grön med rosa bakgrund</p>
</div>

</div>
</body>
</html>

Surfaren · 2006-04-17, 19:17

Citat:

Originally posted by bo82@Apr 17 2006, 18:44
Måste använda mig utav ID i detta fallet.. så de måste vara unika..

Varken id eller class tar ut den andra. Det går fint att använda båda. Tänk då på att class har lägre prioritet än id, om du har dubbla värden nånstans (som med färgen nedan tex).

Kod:

<html>
<head>
<title>test</title>
<style>
.message {
 color: maroon;
}

#message-1 {
 color:pink;
}

#message-1:hover>.info {
 color:green;
 background:pink;
}

#message-1 .info {
 color:blue;
}
</style>
</head>
<body>
<div id="message-1" class="message">
<p>ksd lh dfhdjfhfjhasj fkshdf ajdkshf ajsdköhf jsökdhf öjshf öjdshf jdhaf shjf ds
as fdf asf dfdag fgr agagfgre hgaadsfsdafkhfjkhjfhjh f fsfh sdaf sfhds jfhsajökf asjföha
fjsa fjaf jshf ösdhfjhd fioahf djfhdsfha f öds afsa f
</p>

<div class="info">
 <p>Hejsan jag vill bli grön med rosa bakgrund</p>
</div>

</div>
</body>
</html>

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

CSS lager