[css] link in div

Door PHP Newbie op 15-07-2006 18:10

328 views

heey allemaal

Ik heb het volgende:


Diva
    Divb
        Linka
        Linkb

Ik heb in css diva het lettertype meegegeven en de linkkleur e.d, nu heb ik in divb een andere linkkleur en tekstkleur, en deze wordt ook keurig aangenomen door beide links.

Maar nu wil ik linkb in een andere kleur hebben, dus hoe verandere ik de in css aangegeven linkkleur door een eigen linkkleur....

Jan Koehoorn

15-07-2006 18:14

Kan op twee manieren:

met een child-selector:
1) in je css:


#Divb a:link, #Divb a:visited {
    color: #f00; /* of wat dan ook */
}

2) met een class:
[code]
a.myLink:link, a.myLink:visited {
color: #f00; /* of wat dan ook */
}
[code]
op dezelfde manier doe je :hover en :active

PHP Newbie

15-07-2006 18:17

en waar staat dat mylink dan voor?

<a href="bla" class="myLink">????

Jan Koehoorn

15-07-2006 18:19

Precies, zo moet het dan. De eerste manier is trouwens handiger als alle links in Divb op dezelfde manier gekleurd moeten worden. Dan hoef je namelijk niet overal de klasse toe te kennen.

PHP Newbie

15-07-2006 18:22

Maar op de bovenste manier worden alle links in divb dezelfde opmaak,

maar linka moet anders zijn dan linkb

edit:

stukje code:


<div id="menu">
    <a href="index.php">
        Home
    </a>
    <a href="index.php?p=sub">
        Submenu
    </a>
</div>

Home moet dus een andere kleur hebben dan Submenu

Jan Koehoorn

15-07-2006 18:26

Ja, dan zit je aan classes vast, want IE begrijpt dingen als de first-child pseudo class niet.

PHP Newbie

15-07-2006 18:38

dus:

#menu .submenu {

en dan de link:

<a href="index.php?p=sub" class="submenu">
Submenu
</a>

Jan Koehoorn

15-07-2006 21:47

Nee, gewoon zo:

a.submenu {

en dan de link zoals je hem had.

Reageren

Inloggen om te reageren