{"json_modified": "2015-06-30T07:59:10.168763", "slug": "Web/CSS/Pseudo-classes", "tags": ["CSS", "Intermedi\u00e1rio", "Seletores", "CSS Refer\u00eancia", "seletores"], "locale": "pt-BR", "title": "Pseudo-classes", "translations": [{"title": "Pseudo-classes", "url": "/en-US/docs/Web/CSS/Pseudo-classes", "tags": ["CSS", "Intermediate", "CSS R\u00e9f\u00e9rence", "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-03-03T12:19:17", "review_tags": []}, {"title": "\u7591\u4f3c\u30af\u30e9\u30b9 (Pseudo-classes)", "url": "/ja/docs/Web/CSS/Pseudo-classes", "tags": ["CSS", "CSS Reference", "CSS R\u00e9f\u00e9rence"], "summary": "CSS \u306e<em>\u64ec\u4f3c\u30af\u30e9\u30b9</em>\u306f\u3001\u7279\u5b9a\u306e\u5916\u7684\u8981\u56e0\u3084\u72b6\u614b\u3092\u6301\u3064\u8981\u7d20\u306b\u5bfe\u3057\u3066\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\u30d6\u30e9\u30a6\u30b6\u306e\u95b2\u89a7\u5c65\u6b74\u306b\u57fa\u3065\u304d\u95b2\u89a7\u6e08\u307f\u306e\u30ea\u30f3\u30af\u306b\u5bfe\u3057\u3066\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3059\u308b <a href=\"/ja/docs/Web/CSS/:visited\" title=\"\"><code>:visited</code></a> \u7591\u4f3c\u30af\u30e9\u30b9\u3084\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u30c1\u30a7\u30c3\u30af\u3055\u308c\u305f\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3092\u5bfe\u8c61\u3068\u3059\u308b <a href=\"/ja/docs/Web/CSS/:checked\" title=\"\"><code>:checked</code></a> \u7591\u4f3c\u30af\u30e9\u30b9\u3001\u307e\u305f\u306f\u30de\u30a6\u30b9\u30ab\u30fc\u30bd\u30eb\u304c\u8981\u7d20\u4e0a\u306b\u3042\u308b\u8981\u7d20\u3092\u5bfe\u8c61\u3068\u3059\u308b <a href=\"/ja/docs/Web/CSS/:hover\" title=\"\"><code>:hover</code></a> \u7591\u4f3c\u30af\u30e9\u30b9\u306a\u3069\u304c\u6319\u3052\u3089\u308c\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2013-05-10T15:28:16", "review_tags": []}, {"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": []}, {"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": []}, {"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": []}, {"title": "Pseudo-classes", "url": "/es/docs/Web/CSS/Pseudo-classes", "tags": [], "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=\"/es/docs/CSS/:hover\" title=\"\"><code>:hover</code></a> will apply a style when the user hovers over the element specified by the selector.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2014-06-26T15:06:35", "review_tags": []}], "modified": "2015-06-30T07:59:09", "label": "Pseudo-classes", "localization_tags": [], "url": "/pt-BR/docs/Web/CSS/Pseudo-classes", "last_edit": "2015-06-30T07:59:02", "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.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Sintaxe", "title": "Sintaxe"}, {"id": "\u00cdndice_de_pseudo-classes_padr\u00e3o", "title": "\u00cdndice de pseudo-classes padr\u00e3o"}, {"id": "Especifica\u00e7\u00f5es", "title": null}, {"id": "Veja_tamb\u00e9m", "title": "Veja tamb\u00e9m"}], "id": 154995, "review_tags": []}