Index of /css/pseudo-classes/


оЯЕБДНЙКЮЯЯШ Б CSS

9 ЮОПЕКЪ 2010, 11:26 оЮБЕК лЮПЙНБМХМ HTML Х CSS

оЯЕБДН ЯЕКЕЙРНПШ Х ОЯЕБДН ЙКЮЯЯШ Б CSSмС ЙРН ХГ МЮЯ МЕ ГМЮЕР, ВРН РЮЙНЕ ОЯЕБДНЯЕКЕЙРНПШ (ХКХ ОЯЕБДНЙКЮЯЯШ) Б CSS? дЮ-ДЮ, ЩРН РН, ВРН НАШВМН ОХЬСР ОНЯКЕ ЯЕКЕЙРНПЮ ВЕПЕГ ДБНЕРНВХЕ. яЮЛШЕ ХГБЕЯРМШЕ ОЯЕБДНЙКЮЯЯШ ЩРН :link, :hover, :visited Х :active.

рЮЙХЕ ЙНМЯРПСЙЖХХ Б CSS, ЙЮЙ ОПЮБХКН, ЛНФМН БЯРПЕРХРЭ Б ЙЮФДНЛ ТЮИКЕ ЯРХКЕИ, МН ХУ ХЯОНКЭГНБЮМХЕ НЦПЮМХВХБЮЕРЯЪ КХЬЭ НОХЯЮМХЕЛ ЯНЯРНЪМХЪ ЯЯШКНЙ Х МЕ АНКЕЕ РНЦН.

б НАЫЕЛ, РЕЛЮ ОЯЕБДНЯЕКЕЙРНПНБ ЕЫЕ МЕ НАЯСФДЮКЮЯЭ МЮ МЮЬЕЛ ЯЮИРЕ, РЮЙ ВРН ЯЮЛНЕ БПЕЛЪ ОПХЯРСОХРЭ ;-)

хРЮЙ, ЙЮЙ Ъ СФЕ ЯЙЮГЮК, БЕА-ПЮГПЮАНРВХЙХ ХЯОНКЭГСЧР ОЯЕБДНЙКЮЯЯШ Б НЯМНБМНЛ ДКЪ ГЮДЮМХЪ ЯРХКЕИ ЯЯШКНЙ, МЮОПХЛЕП :link ДКЪ МЕОНЯЕЫЕММНИ ЯЯШКЙХ, :hover ДКЪ ЯЯШКЙХ ОПХ МЮБЕДЕМХХ, :active ДКЪ МЮФЮРНИ Х СДЕПФХБЮЕЛНИ ЯЯШКЙХ Х :visited ДКЪ ОНЯЕЫЕММНИ. йЯРЮРХ, С МЮЯ ЕЯРЭ НРКХВМЮЪ ЯРЮРЭЪ ОПН НТНПЛКЕМХЕ ЯЯШКНЙ, ПЕЙНЛЕМДСЧ.

хДЕЛ ДЮКЭЬЕ. йЮЙ БШ ДСЛЮЕРЕ, ЯЙНКЭЙН, ОНЛХЛН ЩРХУ ВЕРШПЕУ, ЯСЫЕЯРБСЕР ОЯЕБДНЙКЮЯЯНБ? :first-child, last-child? йРН ЕЫЕ? бЯЕ? ю МЮ ЯЮЛНЛ ДЕКЕ БЯЕЦН ХУ 33. пЮЯЯЛНРПХЛ БЯЕ ДЕРЮКЭМН.

мЮГБЮМХЕ Х МЮГМЮВЕМХЕ ОЯЕБДНЙКЮЯЯНБ 

  1. :link — НРБЕВЮЕР ГЮ ЯРХКХ МЕОНЯЕЫЕММНИ ЯЯШКЙХ;
  2. :hover — ЯНЯРНЪМХЕ НАЗЕЙРЮ (МЕ НАЪГЮРЕКЭМН ЯЯШКЙХ) ОПХ МЮБЕДЕМХХ МЮ МЕЦН ЛШЬЙНИ;
  3. :active — ЯНЯРНЪМХЕ ЮЙРХБМНЦН НАЗЕЙРЮ (МЮОПХЛЕП, ДКЪ ЯЯШКЙХ Х ГЮФЮРХЕ ЕЕ ЛШЬЙНИ);
  4. :visited — ЯНЯРНЪМХЕ ОНЯЕЫЕММНИ ЯЯШКЙХ;
  5. :focus — ЙНЦДЮ БШ ХЯОНКЭГСЕРЕ ЙЮЙНИ-РН НАЗЕЙР МЮ ЯРПЮМХЖШ, РН МЮ МЕЛ СЯРЮМЮБКХБЮЕРЯЪ ТНЙСЯ (Б ЯКСВЮЕ Х РЕЙЯРНБШЛ ОНКЕ ЩРН ОНЯРЮМНБЙЮ ЙСПЯНПЮ Б ЩРН ОНКЕ);
  6. :first-child — ОЕПБШИ ДНВЕПМХИ ЩКЕЛЕМР РЕЙСЫЕЦН ЩКЕЛЕМРЮ;
  7. :last-child — ЯННРБЕРЯРБЕММН, ОНЯКЕДМХИ ДНВЕПМХИ ЩКЕЛЕМР ВЕЦН-РН;
  8. :only-child — ОПХЛЕМЪЕР ЯРХКЭ Й ЩКЕЛЕМРС, ЕЯКХ НМ ЕДХМЯРБЕММШИ ДНВЕПМХИ ЩКЕЛЕМР;
  9. :nth-child() — ЙЮЙНИ-РН ОН ЯВЕРС Я МЮВЮКЮ ДНВЕПМХИ ЩКЕЛЕМР, МЮОПХЛЕП p:nth-child(4);
  10. :nth-last-child() — ЮМЮКНЦХВМН, РНКЭЙН НРВЕР Я ЙНМЖЮ; ХМРЕПЕЯМН, ВРН Б ЩРНЛ Х ОПЕДШДСЫЕЛ ЯЕКЕЙРНПЮУ ЛНФМН ГЮДЮБЮРЭ МЕ РНКЭЙН ЙНМЙПЕРМШЕ ЖХТПШ, МН Х ЯВЕРМНЯРЭ, Й ОПХЛЕПС БНР РЮЙ: ul li:nth-last-child(2n+1);
  11. :lang() — ЕЯКХ С ЩКЕЛЕМРЮ СЙЮГЮМ ЪГШЙ (Я ОНЛНЫЭЧ ЮРПХАСРЮ lang, МЮОПХЛЕП lang="en"), РН ЩРНР ЩКЕЛЕМР ЛНФМН БШАПЮРЭ РЮЙ;
  12. :root — ДЮЕР СЙЮГЮМХЕ ОПХЛЕМХРЭ ЯРХКЭ Й ЙНПМЕБНЛС ЩКЕЛЕМРС (Б html ДНЙСЛЕМРЕ ЩРН РЕЦ <html>);
  13. :not() — ДЮЕР НЦПЮМХВЕМХЕ МЮ ОПХЛЕМЕМХЕ ЯРХКЕИ ОН ЯЕКЕЙРНПС (РН ЕЯРЭ ЯЕКЕЙРНП .red-block:not(div) ОПХЛЕМХР СЙЮГЮММШИ ЯРХКЭ ЙН БЯЕЛ ЩКЕЛЕМРЮЛ Я ЙКЮЯЯНЛ .red-block, РНКЭЙН ЕЯРЭ ЩРНР ЩКЕЛЕМР МЕ <div>);
  14. :empty — БШАХПЮЕР ОСЯРШЕ ЩКЕЛЕМРШ;
  15. :first-of-type — ОПХЛЕМЪЕР ЯРХКЭ Й ОЕПБНЛС ЩКЕЛЕМРС ЩРНЦН РХОЮ, РН ЕЯРЭ ЕЯКХ С БЮЯ ЕЯРЭ ДБЮ ДХБЮ, ЯРХКЭ АСДЕР ПЮАНРЮРЭ РНКЭЙН ДКЪ ОЕПБНЦН ХГ МХУ;
  16. :last-of-type — ЮМЮКНЦХВМН ОПЕДШДСЫЕЛС, РНКЭЙН ДКЪ ОНЯКЕДМЕЦН ЩКЕЛЕМРЮ;
  17. :only-of-type — ОПХЛЕМЪЕР ЯРХКХ Й ЩКЕЛЕМРШ, ЕЯКХ НМ ХЛЕЕР СМХЙЮКЭМШИ РХО БМСРПХ ЯБНЕЦН ПНДХРЕКЪ;
  18. :nth-of-type() — БШАХПЮЕР СЙЮГЮММШИ ОН ЯВЕРС Я МЮВЮКЮ ЩКЕЛЕМР РЕЙСЫЕЦН РХОЮ;
  19. :nth-last-of-type() — РНФЕ ЯЮЛНЕ, МН НРЯВЕР Я ЙНМЖЮ;
  20. :target — МЮОПХЛЕП, ЕЯКХ С БЮЯ ЮДПЕЯ ХЛЕЕР БХД index.html#anchor, РН ЩРНР ОЯЕБДН ЙКЮЯЯ ГЮДЮЯР ОПЮБХКН ДКЪ ЩКЕЛЕМРЮ Я id="anchor";
  21. :enabled — БШАХПЮЕР ЮЙРХБМШЕ ХМОСРШ;
  22. :disabled — Ю ЩРНР МЕЮЙРХБМШЕ;
  23. :checked — НРЛЕВЕММШЕ ВЕЙАНЙЯШ Х БШАПЮММШЕ ПЮДХНАЮРРНМШ;
  24. :indeterminate — ДКЪ ПЮДХНАЮРРНМНБ Х ВЕЙАНЙЯНБ НОЕПЕДЕКЪЕР ЯНЯРНЪМХЕ, ЙНЦДЮ НМХ «МХЙЮЙХЕ», РН ЕЯРЭ МХ БШАПЮМШ, МХ МЕ БШАПЮМШ (СФЮЯ ЙЮЙ МЮОХЯЮК ;-)
  25. :default — ЩКЕЛЕМР ОН-СЛНКВЮМХЧ, МЮОПХЛЕП ЙМНОЙЮ НРОПЮБЙХ ТНПЛШ;
  26. :valid — ЯРХКЭ ДКЪ ОПЮБХКЭМНЦН ХМОСРЮ (ЙНЦДЮ СЙЮГЮМЮ data type Б HTML 5);
  27. :invalid — ЙНЦДЮ, ЯННРБЕРЯРБЕММН, ХМОСР МЕБЮКХДЕМ;
  28. :in-range — ЙНЦДЮ ГМЮВЕМХЕ ХМОСРЮ МЮУНДХРЭЯЪ Б ГЮДЮММШУ ЦПЮМХЖЮУ (type="range", ГЮДЮМ min Х max, МН ЩРН БЯЕ РНКЭЙН Б HTML 5);
  29. :out-of-range — ЙНЦДЮ МЕ ОНОЮДЮЕР Б ЦПЮМХЖШ;
  30. :required — БЯЕ НАЪГЮРЕКЭМШЕ ОНКЪ;
  31. :optional — БЯЕ МЕНАЪГЮРЕКЭМШЕ;
  32. :read-only — РЕ ЩКЕЛЕМРШ, ЙНРНПШЕ ДНЯРСОМШ РНКЭЙН ДКЪ ВРЕМХЪ;
  33. :read-write — ДКЪ ВРЕМХЪ Х ГЮОХЯХ.

мС ВРН, ЙКЮЯЯМН? яННАЫЕМХЪ Н БЮКХДЮЖХХ ТНПЛШ ЛНФМН АЕГ JS БШБНДХРЭ, ОНДЯБЕВХБЮРЭ ЮЙРХБМШЕ ОНКЪ, ОХЯЮРЭ ЛЕМЭЬЕ ЙНДЮ — ЩУ, ЙПЮЯНРЮ АШКЮ АШ, ЕЯКХ ЩРН АШ ДНАПН ПЮАНРЮКН БЕГДЕ ;-) лЕВРЮМХЪ Б ЯРНПНМС, ОЕПЕУНДХЛ Й РЮАКХЖЕ ОНДДЕПФЙХ АПЮСГЕПЮЛХ.

оНДДЕПФЙЮ ОЯЕБДНЯЕКЕЙРНПНБ Б ПЮГМШУ АПЮСГЕПЮУ

йЮЙ БШ ОНМХЛЮЕРЕ, НЦПЮМХВЕММНЯРЭ ХЯОНКЭГНБЮМХЕ ОЯЕБДНЙКЮЯЯНБ МЕ РЮЙ ОПНЯРН ОНЪБХКЮЯЭ, БШГБЮМЮ НМЮ ВЮЯРХВМНИ ХУ ОНДДЕПФЙНИ Б АПЮСГЕПЮУ. вЕЦН СФ ЦНБНПХРЭ ОПН ЙЮЙНИ-МХАСДЭ :out-of-range, ЕЯКХ ДЮФЕ :active ДНЯРЮРНВМН ЯРПЮММН ПЮАНРЮЕР Б МЮЬЕЛ КЧАХЛНЛ хе.

б ЪВЕИЙЕ СЙЮГЮМН КХАН МЕР (ЯНБЯЕЛ МЕР), КХАН БЕПЯХЪ ХКХ АХКД, МЮВХМЮЪ Я ЙНРНПНЦН ОЯЕБДНЙКЮЯЯ ОНДДЕПФХБЮЕРЯЪ.

  Gecko
(Firefox)
Trident
(IE)
Webkit
(Chrome/Safari)
Presto
(Opera)
:link 1.0 3.0 85 7.0
:visited 1.0 3.0 85 7.0
:active 1.0 мЕР 85 7.0
:hover 1.0 7.0 419.3 7.0
:focus 1.0 8.0 Yes 7.0
:first-child 1.0 7.0 85 7.0
:lang() 1.2 8.0 525 7.5
:root 1.0 мЕР 85 9.5
:not() 1.0 мЕР 85 9.5
:empty 1.8 мЕР 412 9.5
:first-of-type 1.9.1 мЕР 525 9.5
:last-child 1.0 мЕР 525 9.5
:last-of-type 1.9.1 мЕР 525 9.5
:only-child 1.8 мЕР 525 9.5
:only-of-type 1.9.1 мЕР 525 9.5
:nth-child 1.9.1 мЕР 525 9.5
:nth-last-of-type 1.9.1 мЕР 525 9.5
:nth-last-child 1.9.1 мЕР 525 9.5
:nth-of-type 1.9.1 мЕР 525 9.5
:target 1.3 мЕР 525 вЮЯРХВМН
:enabled 1.8 мЕР 525 9.0
:disabled 1.8 мЕР 525 9.0
:checked 1.0 мЕР 525 9.0
:indeterminate 1.9.2 мЕР 522 мЕР
:default 1.9 мЕР мЕР 9.0
:valid 1.8 мЕР мЕР 9.0
:invalid 1.8 мЕР мЕР 9.0
:in-range 1.8 мЕР мЕР 9.0
:out-of-range 1.8 мЕР мЕР 9.0
:required мЕР мЕР мЕР 9.0
:optional мЕР мЕР мЕР 9.0
:read-only мЕР мЕР мЕР мЕР
:read-write мЕР мЕР мЕР мЕР

бНР РЮЙ, БЕЯЭ ЙЮИТ НАКЮЛЮКХ ;-(

уНРЪ, МХЙРН ФЕ МЕ ГЮОПЕЫЮЕР БЮЛ ХЯОНКЭГНБЮРЭ ОЯЕБДНЙКЮЯЯШ. оПНЯРН ДЕКЮИРЕ БЮЬХ ЯРХКХ РЮЙ, ВРН ЕЯКХ АПЮСГЕП ОНКЭГНБЮРЕКЪ МЕ ОНДДЕПФХБЮЕР РНР ХКХ ХМНИ ОЯЕБДНЯЕКЕЙРНП, НМ (ОНКЭГНБЮРЕКЭ) МЕ ЯРПЮДЮК НР ЩРНЦН, РН ЕЯРЭ БЯЕ ФХГМЕММН БЮФМШЕ ДКЪ ОНКЭГНБЮМХЪ ЯЮИРНЛ БЕЫХ ДНКФМШ ПЮАНРЮРЭ ЙЮЙ ВЮЯШ Х АЕГ ОЯЕБДНЙКЮЯЯНБ.


HIVE: All information for read only. Please respect copyright!
Hosted by hive йца: йХЕБЯЙЮЪ ЦНПНДЯЙЮЪ АХАКХНРЕЙЮ