{"json_modified": "2015-06-22T07:17:32.737954", "slug": "Web/CSS/Pseudo-elementos", "tags": ["CSS", "Ref\u00earencia CSS", "Seletores", "Principiantes", "seletores"], "locale": "pt-BR", "title": "Pseudo-elementos", "translations": [{"title": "Pseudo-elements", "url": "/en-US/docs/Web/CSS/Pseudo-elements", "tags": ["CSS", "CSS R\u00e9f\u00e9rence", "CSS Reference", "Beginner", "Selectors"], "summary": "Just like <a href=\"/en-US/docs/Web/CSS/pseudo-classes\" title=\"A CSS pseudo-class is a keyword added to selectors that specifies a special state of the element to be selected. For example :hover will apply a style when the user hovers over the element specified by the selector.\"><code>pseudo-classes</code></a>, pseudo-elements are added to selectors but instead of describing a special state, they allow you to style certain parts of a document. For example, the <a href=\"/en-US/docs/Web/CSS/::first-line\" title=\"The ::first-line CSS pseudo-element applies styles only to the first line of an element. The amount of the text on the first line depends of numerous factors, like the width of the elements or of the document, but also of the font size of the text. As all pseudo-elements, the selectors containing ::first-line does not match any real HTML element.\"><code>::first-line</code></a> pseudo-element targets only\u00a0 the first line of an element specified by the selector.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-03-03T12:48:10", "review_tags": []}, {"title": "\u7591\u4f3c\u8981\u7d20 (Pseudo-elements)", "url": "/ja/docs/Web/CSS/Pseudo-elements", "tags": ["CSS", "CSS Reference", "CSS R\u00e9f\u00e9rence"], "summary": "<a href=\"/ja/docs/Web/CSS/pseudo-classes\" title=\"\"><code>\u64ec\u4f3c\u30af\u30e9\u30b9</code></a>\u3068\u540c\u3058\u304f\u3001\u64ec\u4f3c\u8981\u7d20 (<span style=\"color: green;\">Pseudo-elements</span>) \u306f\u30bb\u30ec\u30af\u30bf\u306b\u8ffd\u52a0\u3057\u3066\u8a18\u8ff0\u3059\u308b\u3082\u306e\u3067\u3059\u304c\u3001<a href=\"/ja/docs/Web/CSS/:after\" title=\"\"><code>:after</code></a> \u306e\u69d8\u306a\u3001\u7279\u5225\u306a\u72b6\u614b\u3092\u8a18\u8ff0\u3059\u308b\u3060\u3051\u306e\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u7591\u4f3c\u8981\u7d20\u306f\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u7279\u5b9a\u306e\u30d1\u30fc\u30c4\u3092\u30b9\u30bf\u30a4\u30eb\u4ed8\u3051\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070 <a href=\"/ja/docs/Web/CSS/::first-line\" title=\"\"><code>::first-line</code></a> \u64ec\u4f3c\u8981\u7d20\u306f\u3001\u30bb\u30ec\u30af\u30bf\u3067\u6307\u5b9a\u3055\u308c\u305f\u8981\u7d20\u306e\u6700\u521d\u306e\u884c\u3060\u3051\u3092\u5bfe\u8c61\u306b\u3057\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2013-05-10T15:28:17", "review_tags": []}, {"title": "Pseudo-\u00e9l\u00e9ments", "url": "/fr/docs/Web/CSS/Pseudo-%C3%A9l%C3%A9ments", "tags": ["CSS", "R\u00e9f\u00e9rence CSS"], "summary": "Tout comme les <a href=\"/fr/docs/CSS/pseudo-classes\" title=\"\"><code>pseudo-classes</code></a>, les pseudo-\u00e9l\u00e9ments sont ajout\u00e9s aux s\u00e9lecteurs. Mais au lieu de d\u00e9crire un \u00e9tat sp\u00e9cial, ils permettent de styler certaines parties du document. Par exemple, le pseudo-\u00e9l\u00e9ment <a href=\"/fr/docs/CSS/::first-line\" title=\"\"><code>::first-line</code></a> ne visera que la premi\u00e8re ligne de l'\u00e9l\u00e9ment indiqu\u00e9 par le s\u00e9lecteur.", "localization_tags": [], "locale": "fr", "last_edit": "2014-06-23T05:39:37", "review_tags": []}, {"title": "\u4f2a\u5143\u7d20", "url": "/zh-CN/docs/Web/CSS/Pseudo-elements", "tags": ["\u4f2a\u5143\u7d20"], "summary": "\u5c31\u50cf <a href=\"/zh-CN/docs/Web/CSS/pseudo-class\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>pseudo-class</code></a> (\u4f2a\u7c7b)\u4e00\u6837\uff0c \u5c06\u4f2a\u5143\u7d20\u6dfb\u52a0\u5230\u9009\u62e9\u5668\u4e2d\u5141\u8bb8\u5728\u4e0d\u6dfb\u52a0\u989d\u5916\u58f0\u660e\u7684\u60c5\u51b5\u4e0b\u4e3a\u6587\u6863\u7684\u67d0\u4e9b\u90e8\u5206\u6dfb\u52a0\u6837\u5f0f\u3002 \u4f8b\u5982\uff0c\u4f7f\u7528 <a href=\"/zh-CN/docs/Web/CSS/::first-line\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>::first-line</code></a> \u4f2a\u5143\u7d20\u4f1a\u5339\u914d\u7531\u9009\u62e9\u5668\u4e2d\u6240\u6307\u5b9a\u7684\u5143\u7d20\u7684\u7b2c\u4e00\u884c\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-06-10T01:51:18", "review_tags": []}, {"title": "Pseudo-elements", "url": "/de/docs/Web/CSS/Pseudo-elements", "tags": [], "summary": "Wie auch <a href=\"/de/docs/Web/CSS/pseudo-classes\" title=\"Eine CSS Pseudoklasse ist ein Schl&#xFC;sselbegriff, welcher hinter einen Selektor gestellt wird, um einen spezifischen Zustand abzufragen. So steht bspw. :hover f&#xFC;r Elemente, welche gerade mit dem Mauszeiger ber&#xFC;hrt werden.\"><code>pseudo-classes</code></a> k\u00f6nnen\u00a0 Pseudoelemente einem Selektor hinzugef\u00fcgt werden, aber statt einzelen Zust\u00e4nde erm\u00f6glichen Sie das gestalten eines einzelnen Teils von einem Element. Das Pseudoelement <a href=\"/de/docs/Web/CSS/::first-line\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>::first-line</code></a> richtet sich bspw. nur an die erste Zeile eines Elements.", "localization_tags": [], "locale": "de", "last_edit": "2015-01-28T05:48:06", "review_tags": []}, {"title": "Pseudoelementos", "url": "/es/docs/Web/CSS/Pseudoelementos", "tags": [], "summary": "Al igual que las <a href=\"/es/docs/CSS/pseudoclases\" title=\"\"><code>pseudoclases</code></a>, los pseudoelementos se a\u00f1aden a los selectores, pero, a diferencia de las primeras, no describen un estado sino que permiten a\u00f1adir estilos a una parte concreta del documento. Por ejemplo, el pseudoelemento <a href=\"/es/docs/CSS/::first-line\" title=\"\"><code>::first-line</code></a> selecciona solo la primera l\u00ednea del elemento especificado por el selector.", "localization_tags": [], "locale": "es", "last_edit": "2014-06-25T01:23:28", "review_tags": []}, {"title": "Pseudo-elements", "url": "/ru/docs/Web/CSS/Pseudo-elements", "tags": ["CSS Reference", "CSS R\u00e9f\u00e9rence", "\u041d\u043e\u0432\u0438\u0447\u043a\u0443", "Pseudo-elements", "\u041f\u0441\u0435\u0432\u0434\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b", "Selectors"], "summary": "\u0422\u0430\u043a\u0436\u0435 \u043a\u0430\u043a <a href=\"/ru/docs/Web/CSS/pseudo-classes\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>pseudo-classes</code></a>,\u00a0\u043f\u0441\u0435\u0432\u0434\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u044b \u043a \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0430\u043c \u043d\u043e \u0432\u043c\u0435\u0441\u0442\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u0442\u0430\u0442\u0443\u0441\u0430, \u043e\u043d\u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0441\u0442\u0438\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0447\u0430\u0441\u0442\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430. \u041a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, <a href=\"/ru/docs/Web/CSS/::first-line\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>::first-line</code></a>\u00a0\u043f\u0441\u0435\u0432\u0434\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043f\u0435\u0440\u0432\u0443\u044e \u043b\u0438\u043d\u0438\u044e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u00a0 \u0437\u0430\u0434\u0430\u043d\u043d\u043e\u0433\u043e\u00a0\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u043c.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2015-05-25T23:59:18", "review_tags": []}], "modified": "2015-06-22T07:17:29", "label": "Pseudo-elementos", "localization_tags": [], "url": "/pt-BR/docs/Web/CSS/Pseudo-elementos", "last_edit": "2015-06-22T07:17:26", "summary": "Assim como <a href=\"/pt-BR/docs/Web/CSS/pseudo-classes\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>pseudo-classes</code></a>, pseudo-elementos s\u00e3o adicionados aos seletores mas em vez de descrever um estado especial, eles permitem que voc\u00ea aplique estilos em certas partes de um documento. Por exemplo, o pseudo-elemento <a href=\"/pt-BR/docs/Web/CSS/::first-line\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>::first-line</code></a> aplica o estilo apenas na primeira linha do elemento especificado pele seletor.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Resumo", "title": "Resumo"}, {"id": "Sintaxe", "title": "Sintaxe"}, {"id": "Todos_os_pseudo-elementos", "title": "Todos os pseudo-elementos"}, {"id": "Notas", "title": "Notas"}], "id": 154205, "review_tags": []}