оЯЕБДНЙКЮЯЯШ Б CSS
мС ЙРН ХГ МЮЯ МЕ ГМЮЕР, ВРН РЮЙНЕ ОЯЕБДНЯЕКЕЙРНПШ (ХКХ ОЯЕБДНЙКЮЯЯШ) Б CSS? дЮ-ДЮ, ЩРН РН, ВРН НАШВМН ОХЬСР ОНЯКЕ ЯЕКЕЙРНПЮ ВЕПЕГ ДБНЕРНВХЕ. яЮЛШЕ ХГБЕЯРМШЕ ОЯЕБДНЙКЮЯЯШ ЩРН :link, :hover, :visited Х :active.
рЮЙХЕ ЙНМЯРПСЙЖХХ Б CSS, ЙЮЙ ОПЮБХКН, ЛНФМН БЯРПЕРХРЭ Б ЙЮФДНЛ ТЮИКЕ ЯРХКЕИ, МН ХУ ХЯОНКЭГНБЮМХЕ НЦПЮМХВХБЮЕРЯЪ КХЬЭ НОХЯЮМХЕЛ ЯНЯРНЪМХЪ ЯЯШКНЙ Х МЕ АНКЕЕ РНЦН.
б НАЫЕЛ, РЕЛЮ ОЯЕБДНЯЕКЕЙРНПНБ ЕЫЕ МЕ НАЯСФДЮКЮЯЭ МЮ МЮЬЕЛ ЯЮИРЕ, РЮЙ ВРН ЯЮЛНЕ БПЕЛЪ ОПХЯРСОХРЭ ;-)
хРЮЙ, ЙЮЙ Ъ СФЕ ЯЙЮГЮК, БЕА-ПЮГПЮАНРВХЙХ ХЯОНКЭГСЧР ОЯЕБДНЙКЮЯЯШ Б НЯМНБМНЛ ДКЪ ГЮДЮМХЪ ЯРХКЕИ ЯЯШКНЙ, МЮОПХЛЕП :link ДКЪ МЕОНЯЕЫЕММНИ ЯЯШКЙХ, :hover ДКЪ ЯЯШКЙХ ОПХ МЮБЕДЕМХХ, :active ДКЪ МЮФЮРНИ Х СДЕПФХБЮЕЛНИ ЯЯШКЙХ Х :visited ДКЪ ОНЯЕЫЕММНИ. йЯРЮРХ, С МЮЯ ЕЯРЭ НРКХВМЮЪ ЯРЮРЭЪ ОПН НТНПЛКЕМХЕ ЯЯШКНЙ, ПЕЙНЛЕМДСЧ.
хДЕЛ ДЮКЭЬЕ. йЮЙ БШ ДСЛЮЕРЕ, ЯЙНКЭЙН, ОНЛХЛН ЩРХУ ВЕРШПЕУ, ЯСЫЕЯРБСЕР ОЯЕБДНЙКЮЯЯНБ? :first-child, last-child? йРН ЕЫЕ? бЯЕ? ю МЮ ЯЮЛНЛ ДЕКЕ БЯЕЦН ХУ 33. пЮЯЯЛНРПХЛ БЯЕ ДЕРЮКЭМН.
мЮГБЮМХЕ Х МЮГМЮВЕМХЕ ОЯЕБДНЙКЮЯЯНБ
- :link — НРБЕВЮЕР ГЮ ЯРХКХ МЕОНЯЕЫЕММНИ ЯЯШКЙХ;
- :hover — ЯНЯРНЪМХЕ НАЗЕЙРЮ (МЕ НАЪГЮРЕКЭМН ЯЯШКЙХ) ОПХ МЮБЕДЕМХХ МЮ МЕЦН ЛШЬЙНИ;
- :active — ЯНЯРНЪМХЕ ЮЙРХБМНЦН НАЗЕЙРЮ (МЮОПХЛЕП, ДКЪ ЯЯШКЙХ Х ГЮФЮРХЕ ЕЕ ЛШЬЙНИ);
- :visited — ЯНЯРНЪМХЕ ОНЯЕЫЕММНИ ЯЯШКЙХ;
- :focus — ЙНЦДЮ БШ ХЯОНКЭГСЕРЕ ЙЮЙНИ-РН НАЗЕЙР МЮ ЯРПЮМХЖШ, РН МЮ МЕЛ СЯРЮМЮБКХБЮЕРЯЪ ТНЙСЯ (Б ЯКСВЮЕ Х РЕЙЯРНБШЛ ОНКЕ ЩРН ОНЯРЮМНБЙЮ ЙСПЯНПЮ Б ЩРН ОНКЕ);
- :first-child — ОЕПБШИ ДНВЕПМХИ ЩКЕЛЕМР РЕЙСЫЕЦН ЩКЕЛЕМРЮ;
- :last-child — ЯННРБЕРЯРБЕММН, ОНЯКЕДМХИ ДНВЕПМХИ ЩКЕЛЕМР ВЕЦН-РН;
- :only-child — ОПХЛЕМЪЕР ЯРХКЭ Й ЩКЕЛЕМРС, ЕЯКХ НМ ЕДХМЯРБЕММШИ ДНВЕПМХИ ЩКЕЛЕМР;
- :nth-child() — ЙЮЙНИ-РН ОН ЯВЕРС Я МЮВЮКЮ ДНВЕПМХИ ЩКЕЛЕМР, МЮОПХЛЕП p:nth-child(4);
- :nth-last-child() — ЮМЮКНЦХВМН, РНКЭЙН НРВЕР Я ЙНМЖЮ; ХМРЕПЕЯМН, ВРН Б ЩРНЛ Х ОПЕДШДСЫЕЛ ЯЕКЕЙРНПЮУ ЛНФМН ГЮДЮБЮРЭ МЕ РНКЭЙН ЙНМЙПЕРМШЕ ЖХТПШ, МН Х ЯВЕРМНЯРЭ, Й ОПХЛЕПС БНР РЮЙ: ul li:nth-last-child(2n+1);
- :lang() — ЕЯКХ С ЩКЕЛЕМРЮ СЙЮГЮМ ЪГШЙ (Я ОНЛНЫЭЧ ЮРПХАСРЮ lang, МЮОПХЛЕП lang="en"), РН ЩРНР ЩКЕЛЕМР ЛНФМН БШАПЮРЭ РЮЙ;
- :root — ДЮЕР СЙЮГЮМХЕ ОПХЛЕМХРЭ ЯРХКЭ Й ЙНПМЕБНЛС ЩКЕЛЕМРС (Б html ДНЙСЛЕМРЕ ЩРН РЕЦ <html>);
- :not() — ДЮЕР НЦПЮМХВЕМХЕ МЮ ОПХЛЕМЕМХЕ ЯРХКЕИ ОН ЯЕКЕЙРНПС (РН ЕЯРЭ ЯЕКЕЙРНП .red-block:not(div) ОПХЛЕМХР СЙЮГЮММШИ ЯРХКЭ ЙН БЯЕЛ ЩКЕЛЕМРЮЛ Я ЙКЮЯЯНЛ .red-block, РНКЭЙН ЕЯРЭ ЩРНР ЩКЕЛЕМР МЕ <div>);
- :empty — БШАХПЮЕР ОСЯРШЕ ЩКЕЛЕМРШ;
- :first-of-type — ОПХЛЕМЪЕР ЯРХКЭ Й ОЕПБНЛС ЩКЕЛЕМРС ЩРНЦН РХОЮ, РН ЕЯРЭ ЕЯКХ С БЮЯ ЕЯРЭ ДБЮ ДХБЮ, ЯРХКЭ АСДЕР ПЮАНРЮРЭ РНКЭЙН ДКЪ ОЕПБНЦН ХГ МХУ;
- :last-of-type — ЮМЮКНЦХВМН ОПЕДШДСЫЕЛС, РНКЭЙН ДКЪ ОНЯКЕДМЕЦН ЩКЕЛЕМРЮ;
- :only-of-type — ОПХЛЕМЪЕР ЯРХКХ Й ЩКЕЛЕМРШ, ЕЯКХ НМ ХЛЕЕР СМХЙЮКЭМШИ РХО БМСРПХ ЯБНЕЦН ПНДХРЕКЪ;
- :nth-of-type() — БШАХПЮЕР СЙЮГЮММШИ ОН ЯВЕРС Я МЮВЮКЮ ЩКЕЛЕМР РЕЙСЫЕЦН РХОЮ;
- :nth-last-of-type() — РНФЕ ЯЮЛНЕ, МН НРЯВЕР Я ЙНМЖЮ;
- :target — МЮОПХЛЕП, ЕЯКХ С БЮЯ ЮДПЕЯ ХЛЕЕР БХД index.html#anchor, РН ЩРНР ОЯЕБДН ЙКЮЯЯ ГЮДЮЯР ОПЮБХКН ДКЪ ЩКЕЛЕМРЮ Я id="anchor";
- :enabled — БШАХПЮЕР ЮЙРХБМШЕ ХМОСРШ;
- :disabled — Ю ЩРНР МЕЮЙРХБМШЕ;
- :checked — НРЛЕВЕММШЕ ВЕЙАНЙЯШ Х БШАПЮММШЕ ПЮДХНАЮРРНМШ;
- :indeterminate — ДКЪ ПЮДХНАЮРРНМНБ Х ВЕЙАНЙЯНБ НОЕПЕДЕКЪЕР ЯНЯРНЪМХЕ, ЙНЦДЮ НМХ «МХЙЮЙХЕ», РН ЕЯРЭ МХ БШАПЮМШ, МХ МЕ БШАПЮМШ (СФЮЯ ЙЮЙ МЮОХЯЮК ;-)
- :default — ЩКЕЛЕМР ОН-СЛНКВЮМХЧ, МЮОПХЛЕП ЙМНОЙЮ НРОПЮБЙХ ТНПЛШ;
- :valid — ЯРХКЭ ДКЪ ОПЮБХКЭМНЦН ХМОСРЮ (ЙНЦДЮ СЙЮГЮМЮ data type Б HTML 5);
- :invalid — ЙНЦДЮ, ЯННРБЕРЯРБЕММН, ХМОСР МЕБЮКХДЕМ;
- :in-range — ЙНЦДЮ ГМЮВЕМХЕ ХМОСРЮ МЮУНДХРЭЯЪ Б ГЮДЮММШУ ЦПЮМХЖЮУ (type="range", ГЮДЮМ min Х max, МН ЩРН БЯЕ РНКЭЙН Б HTML 5);
- :out-of-range — ЙНЦДЮ МЕ ОНОЮДЮЕР Б ЦПЮМХЖШ;
- :required — БЯЕ НАЪГЮРЕКЭМШЕ ОНКЪ;
- :optional — БЯЕ МЕНАЪГЮРЕКЭМШЕ;
- :read-only — РЕ ЩКЕЛЕМРШ, ЙНРНПШЕ ДНЯРСОМШ РНКЭЙН ДКЪ ВРЕМХЪ;
- :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! |


йНЛЛЕМРЮПХХ — 33
мЕ ХЛЕЧР ЯЛШЯКЮ ЩРХ ОЯЕБДНЙКЮЯЯШ, ПЮГ ЩЙЯОНКХРП МЕ ОНДДЕПФХБЮЕР ХУ.
мЮТХЦ МЮДН.
бЕПЯРЮЧ ДЮБМН, МН ДКЪ РНЦН, ВРНАШ ПЕЮКХГНБШБЮРЭ ТСМЙЖХНМЮК ЩРХУ ЯЕКЕЙРНПНБ НАШВМН ХЯОНКЭГНБЮК ДНОНКМХРЕКЭМШЕ ЙКЮЯЯШ. рЕОЕПЭ АСДС СЛМЕЕ :)
фНМС ОН ОНБНДС IE: ДКЪ МЕЦН БЯ╦ ПЮБМН НАШВМН БШДЕКЪЕРЯЪ ДНОНКМХРЕКЭМЮЪ РЮАКХЖЮ ЯРХКЕИ Я ЙНЯРШКЪЛХ МЮ ЙЮФДНЛ ЬЮЦС, РЮЙ ВРН ХЯОНКЭГНБЮРЭ НОХЯЮММНЕ ЛНФМН Х МСФМН.
МЮ ЯЮЛНЛ ДЕКЕ МЮБПЪД КХ ЯРНХР ХЯОНКЭГНБЮРЭ, ЕЯКХ РНКЭЙН ДКЪ ЙЮЙХУ КХАН БМСРПЕММХУ ЙНПОНПЮРХБМШУ ОПНЕЙРНБ, ЦДЕ ЛНФМН ОНЯЮДХРЭ БЯЕУ МЮ НДХМ АПЮСГЕП, Ю БНР ДКЪ ПСМЕРЮ - БЯЕ РЮЙХ ПЮМН (ХЕ ЯПЮГС ЛХЛН, + МЕЯННРБЕРЯБХЕ ОН ОНЯКЕДМХЛ ОНГХЖХЪЛ ЯОХЯЙЮ). нОЪРЭ ФЕ ЕЯКХ РНКЭЙН ЙЮЯРШКЪЛХ ЯОЮЯЮРЭЯЪ :)
2. ╚:hover ≈ ЯНЯРНЪМХЕ НАЗЕЙРЮ (МЕ НАЪГЮРЕКЭМН ЯЯШКЙХ) ОПХ МЮБЕДЕМХХ МЮ МЕЦН ЛШЬЙНИ╩
4. ╚:hover ≈ ЯНЯРНЪМХЕ ЩКЕЛЕМРЮ ОПХ МЮБЕДЕМХХ МЮ МЕЦН╩
МН ЙСДЮ ХГ ЩРНЦН ЯОХЯЙЮ ОНДЕБЮКХЯЭ РЮЙХЕ ОЯЕБДНЙКЮЯЯШ ЙЮЙ :before Х :after?
ГЮ ЯРЮРЭЧ ЯОЮЯХАН.
нРБЕР ТНРНЬНОМНЛС ЯОЮЛЕПС: БННАЫЕ-РН Opera, ОНФЮКСИ, ЯЮЛШИ ОЕПЕДНБНИ АПЮСГЕП. мЮОПХЛЕП, ЛМНЦХЕ ЩКЕЛЕМРШ Х ЮРПХАСРШ HTML5 НМЮ ОНДДЕПФХБЮКЮ ЕЫ╦ Я БЕПЯХИ 9.*.
ю Б ЙНЛЛЕМРЮУ БЯЕ БПНДЕ АЕГ НЬХАНЙ ОХЬСР.
нОЕПЮ, БЯЕ-РЮЙХ, МЕ НВЕМЭ ОЕПЕДНБНИ АПЮСГЕП. уПНЛ Х КХЯЮ ХДСР АШЯРПЕЕ (уНРЪ Ъ ЯЮЛ ОНКЭГСЧЯЭ НОЕПНИ).
B@rmaley.exe, Ю ЙЮЙЮЪ ЯБЪГЭ Я ОНОСКЪПМНЯРЭЧ?
йЯРЮРХ, ОНКНБХМЮ ЯЕКЕЙРНПНБ ХГ ЯРЮРЭХ НОХЯЮМШ РНКЭЙН Б CSS3, ЙНРНПШИ ОНЯРНЪММН ДНОНКМЪЕРЯЪ Х ПЕДЮЙРХПСЕРЯЪ. оНЩРНЛС ЙНЦДЮ-РН ЩРНР ЯОХЯНЙ АШК ЙНПНВЕ.
ю ЯЛШЯК ЕЦН Б ЙЮЙНИ-РН ЛЕПЕ ОПНХККЧЯРПХПНБЮМ ГДЕЯЭ.
б БХМДНБШУ НЙНЬЙЮУ РЮЙ НАНГМЮВЮЧРЯЪ ВЕЙАНЙЯШ, ЯНЯРНЪМХЕ ЙНРНПШУ МЕКЭГЪ БШПЮГХРЭ РНВМН (мЮОПХЛЕП, ЮРПХАСР "рНКЭЙН ДКЪ ВРЕМХЪ" ДКЪ МЕЯЙНКЭЙХУ ТЮИКНБ, ЯПЕДХ ЙНРНПШУ НДХМ ДКЪ ВРЕМХЪ, Ю НЯРЮКЭМШЕ ЕЫЕ Х ДКЪ ГЮОХЯХ).
кХВМН Ъ ОНЙЮ ОНКЭГНБЮКЯЪ РНКЭЙН hover, link Х visited.
hover НРКХВМН ХДЕР ДКЪ БЕЫЕИ БПНДЕ
#counters a{opacity:.3;-moz-opacity:.3;filter:alpha(opacity=30);}
#counters a:hover{opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}
Ю ЕЯРЭ ОПХЛЕП ХЯОНКЭГНБЮМХЪ ЙПНЯЯ-АПЮСГЕПМНЦН first-child?
рЮЙ, ВРН HTML5 БЕПЯРЙС ЛНФМН ХЯОНКЭГНБЮРЭ. оН ЙПЮИМЕИ ЛЕПЕ СВХРЭЯЪ ЕЕ ХЯОНКЭГНБЮРЭ СФЕ ОНПЮ :)
бННАЫЕ Ъ МЕ ХЯОНКЭГСЧ РЮЙНЕ ЙНКХВЕЯРБН ОЯЕБДНЙКЮЯЯНБ, МН ОПНВХРЮК Я ХМРЕПЕЯНЛ, ДЮ СФ, ЯРНКЭЙХУ БЕЫЕИ МЕ ГМЮК Б CSS
яРЮРЭЪ НРКХВМЮЪ! ;) пЕЯОЕЙР!
мЕ ГМЮК ЙЮЙ НАНГМЮВЮРЭ ЩММСЧ ЯРПНВЙС (Б РЮАКХЖЕ) НЯНАШЛ ЯОНЯНАНЛ. оПХУНДХКНЯЭ ЪБЮ ЯЙПХОРНЛ ОПНЦЮМЪРЭ Х ОПХГМЮВЮРЭ ЙКЮЯЯ.
рЕОЕПЭ ЛНЕ ЯСДНЙС www.sergunik.name/?p=216 АСДЕР АШЯРПЕЕ ПЮАНРЮРЭ:)