{"json_modified": "2016-07-04T02:14:03.997537", "uuid": "c84cf49e-127f-4c9c-ad81-d88b9fad9f7e", "title": "\u7591\u4f3c\u8981\u7d20 (Pseudo-elements)", "url": "/ja/docs/Web/CSS/Pseudo-elements", "tags": ["CSS", "CSS Reference"], "translations": [{"uuid": "e3352c35-62c7-4b43-b4aa-0fda1a5a308f", "title": "Pseudo-elements", "url": "/en-US/docs/Web/CSS/Pseudo-elements", "tags": ["CSS R\u00e9f\u00e9rence", "CSS", "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 element, width of the document, and the font size of the text. As all pseudo-elements, ::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": "2016-01-01T23:37:30", "review_tags": []}, {"uuid": "93d68b63-c613-4d54-90f0-257f26eee2f6", "title": "Pseudo-\u00e9l\u00e9ments", "url": "/fr/docs/Web/CSS/Pseudo-%C3%A9l%C3%A9ments", "tags": ["CSS", "S\u00e9lecteur", "D\u00e9butant", "R\u00e9f\u00e9rence"], "summary": "De la m\u00eame fa\u00e7on que les <a href=\"/fr/docs/Web/CSS/pseudo-classes\" title=\"Une pseudo-classe CSS est un mot-cl&#xE9; ajout&#xE9; au s&#xE9;lecteur pour indiquer un &#xE9;tat particulier de l'&#xE9;l&#xE9;ment qui doit &#xEA;tre s&#xE9;lectionn&#xE9;. Par exemple, :hover, appliquera le style quand l'utilisateur survolera l'&#xE9;l&#xE9;ment vis&#xE9; par le s&#xE9;lecteur.\"><code>pseudo-classes</code></a>, les pseudo-\u00e9l\u00e9ments sont ajout\u00e9s aux s\u00e9lecteur pour d\u00e9crire un \u00e9tat sp\u00e9cial. Ils permettent ainsi de mettre en forme certaines parties du document. Ainsi, le pseudo-\u00e9l\u00e9ment <a href=\"/fr/docs/Web/CSS/::first-line\" title=\"Le pseudo-&#xE9;l&#xE9;ments CSS ::first-line applique la d&#xE9;coration &#xE0; la premi&#xE8;re ligne d'un &#xE9;l&#xE9;ment. La quantit&#xE9; de texte sur la premi&#xE8;re ligne d&#xE9;pend de nombreux facteurs, comme la largeur des &#xE9;l&#xE9;ments ou du document, mais aussi la taille du texte. Comme tous les pseudo-&#xE9;l&#xE9;ments, les s&#xE9;lecteurs contenant ::first-line ne ciblent pas un &#xE9;l&#xE9;ment HTML r&#xE9;el.\"><code>::first-line</code></a> permettra de ne cibler que la premi\u00e8re ligne d'un \u00e9l\u00e9ment vis\u00e9 par le s\u00e9lecteur.", "localization_tags": [], "locale": "fr", "last_edit": "2016-04-30T03:49:50", "review_tags": []}, {"uuid": "a8db240d-bc0e-4309-a979-464911b773d2", "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-classes\">pseudo\u00a0classes</a>\u00a0(\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=\"&#x6B64;&#x9875;&#x9762;&#x4ECD;&#x672A;&#x88AB;&#x672C;&#x5730;&#x5316;, &#x671F;&#x5F85;&#x60A8;&#x7684;&#x7FFB;&#x8BD1;!\"><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-08-22T07:37:50", "review_tags": []}, {"uuid": "51bd208e-a864-4a01-81a6-be291c1e6061", "title": "Pseudoelemente", "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=\"Die Beschreibung hier&#xFC;ber wurde bisher noch nicht geschrieben; bitte erw&#xE4;ge, mitzuwirken!\"><code>::first-line</code></a> richtet sich bspw. nur an die erste Zeile eines Elements.", "localization_tags": [], "locale": "de", "last_edit": "2015-10-20T05:43:29", "review_tags": []}, {"uuid": "471ad4a3-6f5a-4d78-85ff-e9227badf7e6", "title": "Pseudoelementos", "url": "/es/docs/Web/CSS/Pseudoelementos", "tags": ["CSS", "Pseudo-elementos", "Pseudo-element", "Selectores"], "summary": "Al igual que las <a href=\"/es/docs/Web/CSS/Pseudo-classes\" title=\"Una pseudoclase CSS es una palabra clave que se a&#xF1;ade a los selectores y que especifica un estado especial del elemento&#xA0;seleccionado. Por ejemplo,&#xA0;&#xA0;:hover aplicar&#xE1; un estilo cuando el usuario haga hover sobre el elemento especificado por el selector.\"><code>pseudo-classes</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/Web/CSS/::first-line\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>::first-line</code></a> selecciona solo la primera l\u00ednea del elemento especificado por el selector.", "localization_tags": [], "locale": "es", "last_edit": "2016-02-02T14:47:38", "review_tags": []}, {"uuid": "c3d8dc00-bde4-4815-82e2-d98aad112053", "title": "\u041f\u0441\u0435\u0432\u0434\u043e\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b", "url": "/ru/docs/Web/CSS/Pseudo-elements", "tags": ["\u041f\u0441\u0435\u0432\u0434\u043e\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b", "\u041d\u043e\u0432\u0438\u0447\u043a\u0443", "\u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b", "CSS Reference"], "summary": "\u0422\u0430\u043a\u0436\u0435 \u043a\u0430\u043a <a href=\"/ru/docs/Web/CSS/&#x41F;&#x441;&#x435;&#x432;&#x434;&#x43E;-&#x43A;&#x43B;&#x430;&#x441;&#x441;&#x44B;\">\u043f\u0441\u0435\u0432\u0434\u043e\u043a\u043b\u0430\u0441\u0441\u044b</a>, \u043f\u0441\u0435\u0432\u0434\u043e\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f\u00a0\u043a \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0430\u043c,\u00a0\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\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f, \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=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><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 \u0441\u0442\u0440\u043e\u043a\u0443 \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": [], "locale": "ru", "last_edit": "2016-04-10T08:02:22", "review_tags": []}, {"uuid": "3ce17667-ed74-490d-8b54-072cf18d1cf7", "title": "Pseudo-elementos", "url": "/pt-BR/docs/Web/CSS/Pseudo-elementos", "tags": ["CSS", "Ref\u00earencia CSS", "Seletores", "Principiantes"], "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.", "localization_tags": [], "locale": "pt-BR", "last_edit": "2015-06-22T07:17:26", "review_tags": []}, {"uuid": "275b14e4-f8cf-4de7-ac56-daa10de3308a", "title": "\uac00\uc0c1 \uc694\uc18c", "url": "/ko/docs/Web/CSS/Pseudo-elements", "tags": ["CSS", "beginner", "CSS Reference", "Beginner", "Selectors"], "summary": "\uac00\uc0c1 \ud074\ub798\uc2a4(<a href=\"/ko/docs/Web/CSS/pseudo-classes\" title=\"CSS pseudo-class&#xA0;&#xB294; &#xC120;&#xD0DD;&#xB420; &#xC694;&#xC18C;(element)&#xC758; &#xD2B9;&#xBCC4;&#xD55C; &#xC0C1;&#xD0DC;&#xB97C; &#xC9C0;&#xC815;&#xD558;&#xB294; &#xC120;&#xD0DD;&#xC790;(selector)&#xC5D0; &#xCD94;&#xAC00;&#xB41C; &#xD0A4;&#xC6CC;&#xB4DC;&#xC785;&#xB2C8;&#xB2E4;. &#xC608;&#xB97C; &#xB4E4;&#xC5B4;&#xA0;:hover&#xB294; &#xC0AC;&#xC6A9;&#xC790;&#xAC00; &#xC120;&#xD0DD;&#xC790;&#xC5D0; &#xC758;&#xD574; &#xC9C0;&#xC815;&#xB41C; &#xC694;&#xC18C; &#xC704;&#xB97C; &#xB9F4;&#xB3CC;(hover) &#xB54C; &#xC2A4;&#xD0C0;&#xC77C;&#xC744; &#xC801;&#xC6A9;&#xD569;&#xB2C8;&#xB2E4;.\"><code>pseudo-classes</code></a>)\ucc98\ub7fc, \uac00\uc0c1 \uc694\uc18c(pseudo-element)\ub294 \uc120\ud0dd\uc790(selector)\uc5d0 \ucd94\uac00\ub418\uc9c0\ub9cc \ud2b9\ubcc4\ud55c \uc0c1\ud0dc\ub97c \uae30\uc220\ud558\ub294 \ub300\uc2e0, \ubb38\uc11c\uc758 \ud2b9\uc815 \ubd80\ubd84\uc744 \uc2a4\ud0c0\uc77c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, <a href=\"/ko/docs/Web/CSS/::first-line\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>::first-line</code></a> \uac00\uc0c1 \uc694\uc18c\ub294 \uc120\ud0dd\uc790\uc5d0 \uc758\ud574 \uc9c0\uc815\ub41c \uc694\uc18c\uc758 \uccab \uc904\ub9cc\uc744 \ub300\uc0c1\uc73c\ub85c \ud569\ub2c8\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2016-04-02T01:33:31", "review_tags": []}], "modified": "2016-07-04T02:14:03", "label": "\u7591\u4f3c\u8981\u7d20 (Pseudo-elements)", "localization_tags": [], "locale": "ja", "id": 260, "last_edit": "2016-07-04T02:13:57", "summary": "<a href=\"/ja/docs/Web/CSS/pseudo-classes\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>\u7591\u4f3c\u30af\u30e9\u30b9</code></a>\u3068\u540c\u3058\u304f\u3001\u7591\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=\"The documentation about this has not yet been written; please consider contributing!\"><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=\"CSS &#x306E; ::first-line &#x64EC;&#x4F3C;&#x8981;&#x7D20; &#x306F;&#x3001;&#x8981;&#x7D20;&#x306E;&#x6700;&#x521D;&#x306E;&#x884C;&#x306B;&#x3060;&#x3051;&#x30B9;&#x30BF;&#x30A4;&#x30EB;&#x3092;&#x9069;&#x7528;&#x3057;&#x307E;&#x3059;&#x3002;&#x6700;&#x521D;&#x306E;&#x884C;&#x306B;&#x3042;&#x308B;&#x30C6;&#x30AD;&#x30B9;&#x30C8;&#x306E;&#x91CF;&#x306F;&#x3001;&#x8981;&#x7D20;&#x3084;&#x6587;&#x66F8;&#x306E;&#x5E45;&#x3060;&#x3051;&#x3067;&#x306A;&#x304F;&#x3001;&#x30C6;&#x30AD;&#x30B9;&#x30C8;&#x306E;&#x30D5;&#x30A9;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30BA;&#x306A;&#x3069;&#x3001;&#x69D8;&#x3005;&#x306A;&#x8981;&#x56E0;&#x306B;&#x5DE6;&#x53F3;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;&#x4ED6;&#x306E;&#x3059;&#x3079;&#x3066;&#x306E;&#x64EC;&#x4F3C;&#x8981;&#x7D20;&#x3068;&#x540C;&#x3058;&#x304F;&#x3001;::first-line &#x3092;&#x542B;&#x3080;&#x30BB;&#x30EC;&#x30AF;&#x30BF;&#x306F;&#x672C;&#x5F53;&#x306E; HTML &#x8981;&#x7D20;&#x306B;&#x306F;&#x4E00;&#x5207;&#x30DE;&#x30C3;&#x30C1;&#x3057;&#x307E;&#x305B;&#x3093;&#x3002;\"><code>::first-line</code></a> \u7591\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", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "\u6982\u8981"}, {"id": "Syntax", "title": "\u69cb\u6587"}, {"id": "All_pseudo-elements", "title": "\u3059\u3079\u3066\u306e\u7591\u4f3c\u8981\u7d20"}, {"id": "Notes", "title": "\u88dc\u8db3"}], "slug": "Web/CSS/Pseudo-elements", "review_tags": []}