Yritän saada erillisellä CSS-lomakkeella linkkien värejä määriteltyä, mutta active-linkin väri ei ole vihreä, kuten olen sen määritellyt, vaan pysyy vaaleansinisenä. Voisiko joku kertoa mikä on vikana?
Tässä koodi:
body
{
}
h1
{
font-family: verdana;
color: red;
font-size: 14pt;
}
h2
{
font-family:verdana;
color: navy;
font-size: 12pt;
}
p
{
font-family:verdana;
color: navy;
}
a:link
{
color: aqua;
}
a:visited
{
color: aqua;
}
a:active
{
color: lime;
}
a:hover
{
color:gray;
}
Kiitos etukäteen vastauksistanne!
Tässä koodi:
body
{
}
h1
{
font-family: verdana;
color: red;
font-size: 14pt;
}
h2
{
font-family:verdana;
color: navy;
font-size: 12pt;
}
p
{
font-family:verdana;
color: navy;
}
a:link
{
color: aqua;
}
a:visited
{
color: aqua;
}
a:active
{
color: lime;
}
a:hover
{
color:gray;
}
Kiitos etukäteen vastauksistanne!
Vastaukset 3
Vanhimmat
html koodi auttausi,
Onko a tagien sisällä p tagiin kirjoitettu otsikko?
Vai a tagi ilman p tagia?
Tee vaikka class
.vihrea:active {color: lime;}
Laitat sen siihen tagiin class="vihrea" niin ainakin toimii.
Sinänsä ihmettelen, että käytetään värien nimiä, kun ovat todella ympäripyöreitä.
Gray mitä se on? harmaasävyjäkin on miljoonia. Nämä muodot on paljon järkevämpiä #c0c0c0
Entä järjestys, love-hate-sääntö? lvha
Säännön merkitys pitää varmaankin avata: ensin :link, sitten :visited, sitten :hover ja lopuksi :active.
Nyt käy niin, että kun linkkiä klikataan, elementti on sekä :hover- että :active-tilassa (ja lisäksi joko :link- tai :visited-tilassa). Muutoin samanarvoisista (kaskadin mielessä) säännöistä voittaa silloin se, joka on tyyliohjeessa myöhempänä.
Tuollaisia linkkivärejä ei muuten kannattaisi käyttää edes leikillään eikä testatessa. Eikä testatessa tai apua kysyttäessä kannattaisi ottaa mukaan omituisia fonttiasetuksia vaan käyttää mahdollisimman pelkistettyä koodia.