WN - CSS lager

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - CSS lager (https://www.wn.se/forum/showthread.php?t=13603)

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 {
color:pink;
}

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

#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>

Alla tider är GMT +2. Klockan är nu 23:44.