{"json_modified": "2016-04-13T06:41:43.786390", "uuid": "e572dfe7-2004-48aa-99f9-5987c658dec1", "title": "\u7591\u4f3c\u30af\u30e9\u30b9 (Pseudo-classes)", "url": "/ja/docs/Web/CSS/Pseudo-classes", "tags": ["CSS", "Intermediate", "CSS Reference", "Selectors"], "translations": [{"uuid": "11bc5ec6-e7cb-4e2b-8ae6-1a976a417939", "title": "Pseudo-classes", "url": "/en-US/docs/Web/CSS/Pseudo-classes", "tags": ["CSS", "Intermediate", "CSS Reference", "Selectors"], "summary": "A CSS <strong><em><dfn>pseudo-class</dfn></em></strong> is a keyword added to selectors that specifies a special state of the element to be selected. For example <a href=\"/en-US/docs/Web/CSS/:hover\" title=\"The :hover CSS pseudo-class matches when the user designates an element with a pointing device, but does not necessarily activate it. This style may be overridden by any other link-related pseudo-classes, that is :link, :visited, and :active, appearing in subsequent rules. In order to style appropriately links, you need to put the :hover rule after the :link and :visited rules but before the :active one, as defined by the LVHA-order: :link &#x2014; :visited &#x2014; :hover &#x2014; :active.\"><code>:hover</code></a> will apply a style when the user hovers over the element specified by the selector.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-09-04T06:42:09", "review_tags": []}, {"uuid": "cdec7ed4-c469-4500-8e7d-c0a04890b599", "title": "Pseudo-classes", "url": "/fr/docs/Web/CSS/Pseudo-classes", "tags": ["CSS", "R\u00e9f\u00e9rence CSS"], "summary": "Une <strong>pseudo-classe</strong> CSS est un mot-cl\u00e9 ajout\u00e9 au s\u00e9lecteur pour indiquer un \u00e9tat particulier de l'\u00e9l\u00e9ment qui doit \u00eatre s\u00e9lectionn\u00e9. Par exemple, <a href=\"/fr/docs/Web/CSS/:hover\"><code>:hover</code></a>, appliquera le style quand l'utilisateur survolera l'\u00e9l\u00e9ment vis\u00e9 par le s\u00e9lecteur.", "localization_tags": [], "locale": "fr", "last_edit": "2014-08-14T01:28:52", "review_tags": []}, {"uuid": "90dc1eb8-015d-42dd-abf7-af298f510141", "title": "\u4f2a\u7c7b", "url": "/zh-CN/docs/Web/CSS/Pseudo-classes", "tags": [], "summary": "\u5f53\u6211\u4eec\u6307\u5b9a\u67d0\u4e00\u5143\u7d20\u88ab\u9009\u4e2d\u540e\u7684\u7279\u6b8a\u72b6\u6001\u65f6,\u4e00\u4e2a CSS <em><dfn>\u4f2a\u7c7b</dfn></em>\u00a0\u4f1a\u88ab\u4f5c\u4e3a\u4e00\u4e2a\u5173\u952e\u8bcd\u6dfb\u52a0\u5230\u9009\u62e9\u5668\u4e0a. \u4f8b\u5982 <a href=\"/zh-CN/docs/Web/CSS/:hover\" title=\"The :hover CSS pseudo-class matches when the user designates an element with a pointing device, but does not necessarily activate it. This style may be overridden by any other link-related pseudo-classes, that is :link, :visited, and :active, appearing in subsequent rules. In order to style appropriately links, you need to put the :hover rule after the :link and :visited rules but before the :active one, as defined by the LVHA-order: :link &#x2014; :visited &#x2014; :hover &#x2014; :active.\"><code>:hover</code></a> \u4f1a\u5728\u5f53\u7528\u6237\u9f20\u6807\u6307\u9488\u60ac\u505c\u5728\u7531\u9009\u62e9\u5668\u6307\u5b9a\u7684\u5143\u7d20\u4e0a\u65f6\u5e94\u7528\u4e00\u4e2a\u6837\u5f0f.", "localization_tags": [], "locale": "zh-CN", "last_edit": "2014-04-21T00:13:48", "review_tags": []}, {"uuid": "c6c872f3-7dba-42cb-9411-1ae076ffa1df", "title": "Pseudo-classes", "url": "/de/docs/Web/CSS/Pseudo-classes", "tags": [], "summary": "Eine <a href=\"/de/CSS\">CSS</a> <strong><em><dfn>Pseudoklasse</dfn></em></strong> ist ein Schl\u00fcsselbegriff, welcher hinter einen Selektor gestellt wird, um einen spezifischen Zustand abzufragen. So steht bspw. <a href=\"/de/docs/Web/CSS/:hover\"><code>:hover</code></a> f\u00fcr Elemente, welche gerade mit dem Mauszeiger ber\u00fchrt werden.", "localization_tags": [], "locale": "de", "last_edit": "2014-07-08T01:51:02", "review_tags": []}, {"uuid": "85d13001-8d0f-45f1-aa08-2f402221705f", "title": "Pseudo-classes", "url": "/es/docs/Web/CSS/Pseudo-classes", "tags": ["CSS", "Referencia CSS", "Selectores"], "summary": "Una pseudoclase CSS es una palabra clave que se a\u00f1ade a los selectores y que especifica un estado especial del elemento\u00a0seleccionado. Por ejemplo,\u00a0\u00a0<a href=\"/es/docs/Web/CSS/:hover\" title=\"La pseudo-clase CSS :hover se presenta cuando el usuario coloca el puntero sobre alg&#xFA;n elemento, pero no necesariamente est&#xE1; activo. Este estilo puede ser sobreescrito por cualquier otra pseudo-clase relacionada a link, como puede ser :link, :visited, y :active, apareciendo en las siguientes reglas. Para usar apropiadamente links, necesitas poner la regla :hover despu&#xE9;s de las reglas de :link y :visited , pero antes de :active , as&#xED; puede ser definido como LVHA-order: :link &#x2014; :visited &#x2014; :hover &#x2014; :active.\"><code>:hover</code></a> aplicar\u00e1 un estilo cuando el usuario haga hover sobre el elemento especificado por el selector.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2016-01-20T05:02:51", "review_tags": []}, {"uuid": "573340e6-2c6e-452d-8aee-6b176420f0f8", "title": "Pseudo-classes", "url": "/pt-BR/docs/Web/CSS/Pseudo-classes", "tags": ["CSS", "Intermedi\u00e1rio", "Seletores", "CSS Refer\u00eancia"], "summary": "Uma <em><strong>pseudo-classe</strong></em> CSS \u00e9 uma palavra-chave adicionada a seletores que especifica um estado especial do elemento selecionado. Por exemplo <a href=\"/pt-BR/docs/Web/CSS/:hover\" title=\"A pseudo-classe :hover corresponde quando o usu&#xE1;rio designa um elemento com um dispositivo apontador, mas n&#xE3;o necessariamente o ativa. Este estilo pode ser substitu&#xED;do por qualquer outra pseudo-classe de&#xA0; link-relacionados, isto &#xE9;&#xA0; :link, :visited, e :active, aparecendo em regras subsequentes. Na ordem para estilizar apropriadamente links, voc&#xEA; precisa colocar a regra :hover depois das regras :link e :visited mas antes da regra :active, como definido pela ordem LVHA:&#xA0; :link &#x2014; :visited &#x2014; :hover &#x2014; :active.\"><code>:hover</code></a>\u00a0 ser\u00e1 aplicado um estilo quando o usu\u00e1rio passar o cursor sobre o elemento especificado pelo seletor.", "localization_tags": [], "locale": "pt-BR", "last_edit": "2015-06-30T07:59:02", "review_tags": []}, {"uuid": "8188b6d4-dbcc-4aeb-8c19-2870b8464571", "title": "\u041f\u0441\u0435\u0432\u0434\u043e\u043a\u043b\u0430\u0441\u0441\u044b", "url": "/ru/docs/Web/CSS/%D0%9F%D1%81%D0%B5%D0%B2%D0%B4%D0%BE-%D0%BA%D0%BB%D0%B0%D1%81%D1%81%D1%8B", "tags": ["\u041f\u0441\u0435\u0432\u0434\u043e\u043a\u043b\u0430\u0441\u0441\u044b", "\u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b"], "summary": "\u041f\u0441\u0435\u0432\u0434\u043e\u043a\u043b\u0430\u0441\u0441 \u0432\u00a0CSS -\u00a0<dfn>\u044d\u0442\u043e \u043a\u043b\u044e\u0447\u0435\u0432\u043e\u0435 \u0441\u043b\u043e\u0432\u043e, \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043d\u043e\u0435 \u043a \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0443,<strong><em>\u00a0</em></strong></dfn> \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u0435\u0433\u043e \u043e\u0441\u043e\u0431\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <a href=\"/ru/docs/Web/CSS/:hover\" title=\"CSS &#x43F;&#x441;&#x435;&#x432;&#x434;&#x43E;-&#x43A;&#x43B;&#x430;&#x441;&#x441; :hover&#xA0;&#x441;&#x440;&#x430;&#x431;&#x430;&#x442;&#x44B;&#x432;&#x430;&#x435;&#x442;, &#x43A;&#x43E;&#x433;&#x434;&#x430; &#x43F;&#x43E;&#x43B;&#x44C;&#x437;&#x43E;&#x432;&#x430;&#x442;&#x435;&#x43B;&#x44C; &#x43D;&#x430;&#x432;&#x43E;&#x434;&#x438;&#x442; &#x43D;&#x430; &#x44D;&#x43B;&#x435;&#x43C;&#x435;&#x43D;&#x442; &#x43C;&#x44B;&#x448;&#x44C;&#x44E;, &#x43D;&#x43E; &#x43D;&#x435; &#x43E;&#x431;&#x44F;&#x437;&#x430;&#x442;&#x435;&#x43B;&#x44C;&#x43D;&#x43E; &#x430;&#x43A;&#x442;&#x438;&#x432;&#x438;&#x440;&#x443;&#x435;&#x442; &#x435;&#x433;&#x43E;. &#x42D;&#x442;&#x43E;&#x442; &#x441;&#x442;&#x438;&#x43B;&#x44C; &#x43C;&#x43E;&#x436;&#x435;&#x442; &#x43F;&#x435;&#x440;&#x435;&#x43E;&#x43F;&#x440;&#x435;&#x434;&#x435;&#x43B;&#x44F;&#x442;&#x44C;&#x441;&#x44F; &#x434;&#x440;&#x443;&#x433;&#x438;&#x43C;&#x438; &#x43E;&#x442;&#x43D;&#x43E;&#x441;&#x44F;&#x449;&#x438;&#x43C;&#x438;&#x441;&#x44F; &#x43A; &#x441;&#x441;&#x44B;&#x43B;&#x43A;&#x430;&#x43C; &#x43F;&#x441;&#x435;&#x434;&#x43E;-&#x43A;&#x43B;&#x430;&#x441;&#x441;&#x430;&#x43C;&#x438;, &#x442;&#x430;&#x43A;&#x438;&#x43C;&#x438; &#x43A;&#x430;&#x43A;&#xA0;:link, :visited &#x438;&#xA0;:active, &#x43F;&#x43E;&#x44F;&#x432;&#x43B;&#x44F;&#x44E;&#x449;&#x438;&#x43C;&#x438;&#x441;&#x44F; &#x432; &#x441;&#x43E;&#x43E;&#x442;&#x432;&#x435;&#x442;&#x441;&#x442;&#x432;&#x443;&#x44E;&#x449;&#x435;&#x43C; &#x43F;&#x43E;&#x440;&#x44F;&#x434;&#x43A;&#x435;. &#x427;&#x442;&#x43E;&#x431;&#x44B; &#x441;&#x442;&#x438;&#x43B;&#x438;&#x437;&#x438;&#x440;&#x43E;&#x432;&#x430;&#x442;&#x44C; &#x441;&#x441;&#x44B;&#x43B;&#x43A;&#x438; &#x434;&#x43E;&#x43B;&#x436;&#x43D;&#x44B;&#x43C; &#x43E;&#x431;&#x440;&#x430;&#x437;&#x43E;&#x43C;, &#x432;&#x430;&#x43C; &#x43D;&#x443;&#x436;&#x43D;&#x43E; &#x432;&#x441;&#x442;&#x430;&#x432;&#x43B;&#x44F;&#x442;&#x44C;&#xA0;&#x43F;&#x440;&#x430;&#x432;&#x438;&#x43B;&#x43E;&#xA0;:hover&#xA0;&#x434;&#x43E; &#x43F;&#x440;&#x430;&#x432;&#x438;&#x43B;&#xA0;:link&#xA0;&#x438;&#xA0;:visited, &#x43D;&#x43E; &#x43F;&#x43E;&#x441;&#x43B;&#x435;&#xA0;:active, &#x43A;&#x430;&#x43A; &#x43E;&#x43F;&#x440;&#x435;&#x434;&#x435;&#x43B;&#x435;&#x43D;&#x43E; &#x432;&#xA0;LVHA-&#x43F;&#x43E;&#x440;&#x44F;&#x434;&#x43A;&#x435;: :link &#x2014; :visited &#x2014; :hover &#x2014; :active.\"><code>:hover</code></a> \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u0442 \u0441\u0442\u0438\u043b\u044c,\u00a0\u043a\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043d\u0430\u0432\u043e\u0434\u0438\u0442 \u043a\u0443\u0440\u0441\u043e\u0440 \u043d\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442, \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u043c.", "localization_tags": [], "locale": "ru", "last_edit": "2016-04-10T08:04:19", "review_tags": []}, {"uuid": "0b26d652-d622-4ff8-a8e0-318a25b1b1d1", "title": "\uac00\uc0c1 \ud074\ub798\uc2a4", "url": "/ko/docs/Web/CSS/Pseudo-classes", "tags": ["CSS", "Intermediate", "CSS Reference", "Selectors"], "summary": "CSS <strong><em><dfn>pseudo-class</dfn></em></strong>\u00a0\ub294 \uc120\ud0dd\ub420 \uc694\uc18c(element)\uc758 \ud2b9\ubcc4\ud55c \uc0c1\ud0dc\ub97c \uc9c0\uc815\ud558\ub294 \uc120\ud0dd\uc790(selector)\uc5d0 \ucd94\uac00\ub41c \ud0a4\uc6cc\ub4dc\uc785\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4\u00a0<a href=\"/ko/docs/Web/CSS/:hover\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>:hover</code></a>\ub294 \uc0ac\uc6a9\uc790\uac00 \uc120\ud0dd\uc790\uc5d0 \uc758\ud574 \uc9c0\uc815\ub41c \uc694\uc18c \uc704\ub97c \ub9f4\ub3cc(hover) \ub54c \uc2a4\ud0c0\uc77c\uc744 \uc801\uc6a9\ud569\ub2c8\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2016-04-02T01:30:49", "review_tags": []}], "modified": "2016-04-13T06:41:42", "label": "\u7591\u4f3c\u30af\u30e9\u30b9 (Pseudo-classes)", "localization_tags": [], "locale": "ja", "id": 258, "last_edit": "2016-04-13T06:41:36", "summary": "CSS \u306e<strong><em><dfn>\u7591\u4f3c\u30af\u30e9\u30b9</dfn></em></strong>\u306f\u30bb\u30ec\u30af\u30bf\u306b\u4ed8\u52a0\u3059\u308b\u30ad\u30fc\u30ef\u30fc\u30c9\u3067\u3042\u308a\u3001\u9078\u629e\u3055\u308c\u308b\u8981\u7d20\u306b\u5bfe\u3057\u3066\u7279\u5b9a\u306e\u72b6\u614b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070 <a href=\"/ja/docs/Web/CSS/:hover\" title=\":hover CSS &#x64EC;&#x4F3C;&#x30AF;&#x30E9;&#x30B9; &#x306F;&#x3001;&#x30E6;&#x30FC;&#x30B6;&#x304C;&#x30DD;&#x30A4;&#x30C6;&#x30A3;&#x30F3;&#x30B0;&#x30C7;&#x30D0;&#x30A4;&#x30B9;&#x3067;&#x8981;&#x7D20;&#x3092;&#x793A;&#x3057;&#x305F;&#x3068;&#x304D;&#x306B;&#x30DE;&#x30C3;&#x30C1;&#x3057;&#x307E;&#x3059;&#x3002;&#x305F;&#x3060;&#x3057;&#x3001;&#x8981;&#x7D20;&#x304C;&#x30A2;&#x30AF;&#x30C6;&#x30A3;&#x30D9;&#x30FC;&#x30C8;&#x3055;&#x308C;&#x308B;&#x5FC5;&#x8981;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x3002;&#x3053;&#x306E;&#x30B9;&#x30BF;&#x30A4;&#x30EB;&#x306F;&#x3001;&#x7D9A;&#x304F;&#x30EB;&#x30FC;&#x30EB;&#x306B;&#x73FE;&#x308C;&#x308B;&#x30EA;&#x30F3;&#x30AF;&#x95A2;&#x9023;&#x306E;&#x64EC;&#x4F3C;&#x30AF;&#x30E9;&#x30B9; :link&#x3001;:visited&#x3001;:active &#x306B;&#x3088;&#x3063;&#x3066;&#x4E0A;&#x66F8;&#x304D;&#x3055;&#x308C;&#x308B;&#x53EF;&#x80FD;&#x6027;&#x304C;&#x3042;&#x308A;&#x307E;&#x3059;&#x3002;&#x3046;&#x307E;&#x304F;&#x30EA;&#x30F3;&#x30AF;&#x306B;&#x30B9;&#x30BF;&#x30A4;&#x30EB;&#x3092;&#x3064;&#x3051;&#x308B;&#x306B;&#x306F;&#x3001;:hover &#x30EB;&#x30FC;&#x30EB;&#x3092; :link &#x3068; :visited &#x30EB;&#x30FC;&#x30EB;&#x306E;&#x5F8C;&#x3001;:active &#x30EB;&#x30FC;&#x30EB;&#x3088;&#x308A;&#x306F;&#x524D;&#x306B;&#x7F6E;&#x304F;&#x5FC5;&#x8981;&#x304C;&#x3042;&#x308A;&#x307E;&#x3059;&#x3002;LVHA &#x306E;&#x9806; &#x3067;&#x3059; :link &#x2014; :visited &#x2014; :hover &#x2014; :active\"><code>:hover</code></a> \u7591\u4f3c\u30af\u30e9\u30b9\u306f\u3001\u9078\u629e\u3057\u305f\u8981\u7d20\u4e0a\u306b\u30de\u30a6\u30b9\u30ab\u30fc\u30bd\u30eb\u304c\u3042\u308b\u3068\u304d\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3057\u307e\u3059\u3002", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "\u6982\u8981"}, {"id": "Syntax", "title": "\u69cb\u6587"}, {"id": "Index_of_standard_pseudo-classes", "title": "\u6a19\u6e96\u7591\u4f3c\u30af\u30e9\u30b9\u306e\u7d22\u5f15"}, {"id": "Specifications", "title": "\u4ed5\u69d8\u66f8"}, {"id": "See_also", "title": "\u95a2\u9023\u60c5\u5831"}], "slug": "Web/CSS/Pseudo-classes", "review_tags": []}