<html>
<head>
<title>Pseudoelementy</title>
<style type="text/css">
body {background-color: #c0c0c0;}
p#k2:first-letter { font-family: arial; font-size: 24pt; color: blue; }
p#k1:first-line { font-family: arial; font-size: 27pt; color: Green; }
</style>
<body>
<p id="k1">W języku CSS style są dodawane do elementów lub grup elementów na podstawie ich
nazw, atrybutów lub zawartości.
Jest też inna możliwość dodawania stylu. Element może nabywać styl lub tracić go
w związku z działaniem użytkownika lub zmieniać się w zależności od umiejscowienia.
Przykładem takiego zachowania są linki (odsyłacze), które zmieniają swój wygląd po najechaniu na nie kursorem myszy, ich kliknięciu lub otwarciu. Do takiej dynamicznej
zmiany stylu elementu służą pseudoklasy.</p>
<p id="k2">Pseudoelement :first-letter nadaje odrębne formatowanie pierwszej literze np. akapitu.
Służy głównie do poprawienia wyglądu tekstu poprzez zaprojektowanie ozdobnej
pierwszej litery (inicjału)..</p>
</body>
</html>
{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}