{"json_modified": "2016-04-02T01:33:36.464952", "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"], "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 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": "2016-01-01T23:37:30", "review_tags": []}, {"uuid": "c84cf49e-127f-4c9c-ad81-d88b9fad9f7e", "title": "\u7591\u4f3c\u8981\u7d20 (Pseudo-elements)", "url": "/ja/docs/Web/CSS/Pseudo-elements", "tags": ["CSS", "CSS Reference"], "summary": "<a href=\"/ja/docs/Web/CSS/pseudo-classes\" title=\"The documentation about this has not yet been written; please consider contributing!\"><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=\"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> \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": "2015-12-02T18:51:20", "review_tags": []}, {"uuid": "93d68b63-c613-4d54-90f0-257f26eee2f6", "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/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\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/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> 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": []}, {"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=\"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-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": ["\u041d\u043e\u0432\u0438\u0447\u043a\u0443", "\u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b", "CSS Reference", "\u041f\u0441\u0435\u0432\u0434\u043e-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b"], "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-03-16T10:24:31", "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": []}], "modified": "2016-04-02T01:33:36", "label": "\uac00\uc0c1 \uc694\uc18c", "localization_tags": [], "locale": "ko", "id": 180666, "last_edit": "2016-04-02T01:33:31", "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.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "\uc694\uc57d", "title": "\uc694\uc57d"}, {"id": "\uad6c\ubb38", "title": "\uad6c\ubb38"}, {"id": "\ubaa8\ub4e0_\uac00\uc0c1_\uc694\uc18c", "title": "\ubaa8\ub4e0 \uac00\uc0c1 \uc694\uc18c"}, {"id": "\uc8fc\uc758", "title": "\uc8fc\uc758"}], "slug": "Web/CSS/Pseudo-elements", "review_tags": []}