Hallo,

Ik ben bezig met een nieuw script, daarin gebruik ik <span class='span1'></span>, soms zit er binnen die tags nog een <span>

vb:

<span class='span11'>tekt<span class='span22'>andere tekst</span>tekst</span>


Het probleem is nu, dat de span11 oranje als kleur heeft een span22 blauw. Nu wil ik graag, dat als er een dubbele span is de eerst gedefineerde kleur gebruikt wordt, dus in dit geval oranje.

Steffan
ps. Ik werk nu even met Javascript, geen PHP.

Voorbeeld -> http://informatica.easy-tray.nl/Untitled.php
Ps. Is dit weer eens zo'n vraag waar niemand het antwoord op weet?

Volgens mij stel ik die vaker :(

Volgens mij heb je gewoon geen geduld :s
Wel 13 hele minuten gewacht.

Maar ik snap niet helemaal wat je bedoelt, je wilt wel een 2e span, maar je wilt de CSS die er aan gekoppelt zit niet gebruiken :s
Ik zou zeggen: Haal die 2e span gewoon weg.
Het is willekeurig, er kunnen veel span-en in elkaar zitten, weghalen is géén optie.
En ik wil graag dat de tekst de kleur krijgt, van de buitenste span.

Geen geduld?? Zit al weken, misschien wel maanden met dit probleem.
Dan had je dat eerder moeten posten :D

Maar ik snap nog niet helemaal wat je bedoelt, maar misschien heb je hier wat aan:


.span1 {
color:#F00;
}

.span2 {
color:#00F;
}

.span1 .span2 {
color:#F00;
}


Nu wordt span1 rood. span2 geel. En als span2 in span1 zit wordt hij rood.

Maar misschien heb je hier niet zoveel aan :s

Misschien wel in combinatie met:
<span class="span1 span3">Tekst hier</a>

Nu heeft de span 2 classes toegewezen gekregen.
En kan je een 'standaard' span gebruiken zodat je CSS kort blijft (je maar 1 keer .span1 .span2 {etc} hoeft te hebben).

Hopelijk heb je hier wat aan, wat verder heb ik geen ideeën :)
Je kan ook stapelen in css he:

.span1 {
   color: green;
}

.span2 {
   color: red;
}

.span1 span {
   color: blue;
}


Bij een regeltje als:

<span class="span1">Hello <span class="span2>WOrld</span></span>

zal WOrld als het goed is blauw worden.
Kijk dit moest ik hebben, bedankt.
Inderdaad Jelmer, stom dat ik met de class in de span ging werken :s Is nogal een omweg.
In ieder geval is het nu opgelost :)
Ja, of simpeler:

    span.span1 {
        color: #f90; /* oranje */
    }
    span.span1 span {
        color: #00f; /* blauw */
    }

Nu zijn alle spans met class 'span1' oranje en alle spans binnen de spans met class 'span1' blauw.
Deed Jelmer niet precies hetzelfde?

Reageren