Ero sivun ”CSS” versioiden välillä
Poistettu sisältö Lisätty sisältö
Usp (keskustelu | muokkaukset) →CSS:ään viittaaminen XHTML-tiedostossa: muita lisäystapoja |
Usp (keskustelu | muokkaukset) →Selektorit: hätäiset esimerkit |
||
Rivi 57:
:luokkaselektori määrittää kyseisellä class-attribuutilla merkattuja elementtejä
;elementti.class
:
;<nowiki>:</nowiki>pseudo
:pseudoluokat ja elementit
Useampi kuin yksi selektori valitaan erottamalla ne pilkulla, esim. "elementti, .luokka".
=== Esimerkit ===
<source lang="CSS">
* {
text-align:right;
}
</source>
:tasaa kaikkien elementien tekstin oikeaan laitaan
<source lang="CSS">
p {
text-align:right;
}
</source>
:tasaa kaikkien p-elementien tekstin oikeaan laitaan
<source lang="CSS">
#huuto{
text-transform:uppercase;
}
</source>
:muuntaa elemettien, joiden id-attribuutin huuto, tekstin versaaliksi
<source lang="CSS">
.otsikko, .otsake{
text-align:center;
}
</source>
:keskittää elementtien, joiden class-attribuutin arvo on otsikko tai otsake, tekstin
<source lang="CSS">
p.luokka{
text-decoration:underline;
}
</source>
:alleviivaa p-elementtien, joiden class-attribuutti on alleviivattu, tekstin
<source lang="CSS">
a:visited {
color:green;
}
</source>
:määrittää kaikki klikatuiksi määritellyt linkit vihreiksi
== CSS:ään viittaaminen XHTML-tiedostossa ==
| |||