Revision 927631 of Pseudo-elements

Revision slug: Web/CSS/Pseudo-elements
Revision title: Pseudo-elements
Revision id: 927631
Created: Oct 3, 2015, 5:28:25 AM
Creator: wyrewolwerowany
Is current revision? No
Comment

Tags:

Revision Content

CSSRef {{()}}

Podsumowanie

Podobnie jak {{Cssxref ("pseudo-klas")}}, pseudo-elementy są dodawane do selektorów, ale zamiast opisywać specjalny stan, pozwalają one na styl niektórych części dokumentu. Na przykład {{Cssxref (":: first-line")}} cele pseudo-element tylko pierwsza linia elementu określonego przez selektor.

Składnia

Przełącznik :: pseudoelement {
  Obiekt: wartość;
}

Wszystkie pseudoelementy

{{Cssxref (":: po")}}
{{Cssxref (":: przed")}}
{{Cssxref (":: first-letter")}}
{{Cssxref (":: first-line")}}
{{Cssxref (":: wyboru")}}
{{Cssxref (":: tło")}}

Uwagi

Czasami widać podwójne dwukropki (: :) zamiast jednego (:). Jest to część CSS3 i próba odróżnienia pseudo-klas i pseudo-elementów. Większość przeglądarek obsługuje obie wartości.

Uwaga: :: Wybór zawsze zaczyna z podwójnym dwukropkiem (: :).

Możesz użyć tylko jeden pseudo-element selektora. Musi pojawić się po prostych selektorów w oświadczeniu.

Przeglądarka	Najniższa wersja	Wsparcie
Internet Explorer	8.0	`: pseudoelement`
Internet Explorer	9.0	`: Pseudo-element :: pseudoelement`
Firefox (Gecko)	1,0 (1,0)	`: pseudoelement`
Firefox (Gecko)	1,0 (1,5)	`: Pseudo-element :: pseudoelement`
Opera	4.0	`: pseudoelement`
Opera	7.0	`: Pseudo-element :: pseudoelement`
Safari (WebKit)	1,0 (85)	`: Pseudo-element :: pseudoelement`

Revision Source

<div><font><font>CSSRef {{()}}</font></font></div>

<h2 id="Summary"><font><font>Podsumowanie</font></font></h2>

<p><font><font>Podobnie jak {{Cssxref ("pseudo-klas")}}, pseudo-elementy są dodawane do selektorów, ale zamiast opisywać specjalny stan, pozwalają one na styl niektórych części dokumentu. </font><font>Na przykład {{Cssxref (":: first-line")}} cele pseudo-element tylko pierwsza linia elementu określonego przez selektor.</font></font></p>

<h2 id="Syntax"><font><font>Składnia</font></font></h2>

<pre class="syntaxbox">
<font><font>Przełącznik :: pseudoelement {</font></font><font><font>
  Obiekt: wartość;</font></font><font><font>
}</font></font></pre>

<h2 id="All_pseudo-elements"><font><font>Wszystkie pseudoelementy</font></font></h2>

<ul>
 <li><font><font>{{Cssxref (":: po")}}</font></font></li>
 <li><font><font>{{Cssxref (":: przed")}}</font></font></li>
 <li><font><font>{{Cssxref (":: first-letter")}}</font></font></li>
 <li><font><font>{{Cssxref (":: first-line")}}</font></font></li>
 <li><font><font>{{Cssxref (":: wyboru")}}</font></font></li>
 <li><font><font>{{Cssxref (":: tło")}}</font></font></li>
</ul>

<h2 id="Notes"><font><font>Uwagi</font></font></h2>

<p><font><font>Czasami widać podwójne dwukropki (: :) zamiast jednego (:). </font><font>Jest to część CSS3 i próba odróżnienia pseudo-klas i pseudo-elementów. </font><font>Większość przeglądarek obsługuje obie wartości.</font></font></p>

<div class="note"><strong><font><font>Uwaga: </font></font></strong> <code><font><font>:: Wybór</font></font></code><font><font> zawsze zaczyna z podwójnym dwukropkiem (: :).</font></font></div>

<p class="note"><font><font>Możesz użyć tylko jeden pseudo-element selektora. </font><font>Musi pojawić się po prostych selektorów w oświadczeniu.</font></font></p>

<table class="standard-table">
 <tbody>
  <tr>
   <th><font><font>Przeglądarka</font></font></th>
   <th><font><font>Najniższa wersja</font></font></th>
   <th><font><font>Wsparcie</font></font></th>
  </tr>
  <tr>
   <td rowspan="2"><font><font>Internet Explorer</font></font></td>
   <td><font><font>8.0</font></font></td>
   <td><code><font><font>: pseudoelement</font></font></code></td>
  </tr>
  <tr>
   <td><font><font>9.0</font></font></td>
   <td><code><font><font>: Pseudo-element :: pseudoelement</font></font></code></td>
  </tr>
  <tr>
   <td rowspan="2"><font><font>Firefox (Gecko)</font></font></td>
   <td><font><font>1,0 (1,0)</font></font></td>
   <td><code><font><font>: pseudoelement</font></font></code></td>
  </tr>
  <tr>
   <td><font><font>1,0 (1,5)</font></font></td>
   <td><code><font><font>: Pseudo-element :: pseudoelement</font></font></code></td>
  </tr>
  <tr>
   <td rowspan="2"><font><font>Opera</font></font></td>
   <td><font><font>4.0</font></font></td>
   <td><code><font><font>: pseudoelement</font></font></code></td>
  </tr>
  <tr>
   <td><font><font>7.0</font></font></td>
   <td><code><font><font>: Pseudo-element :: pseudoelement</font></font></code></td>
  </tr>
  <tr>
   <td><font><font>Safari (WebKit)</font></font></td>
   <td><font><font>1,0 (85)</font></font></td>
   <td><code><font><font>: Pseudo-element :: pseudoelement</font></font></code></td>
  </tr>
 </tbody>
</table>

<p>&nbsp;</p>

Revert to this revision