A CSS pszeudo előtt és után, a tanulmány és alkalmazás
Ha részt kérdése végrehajtásának fülek segítségével CSS, azt veszi észre a: before és: after méltó a figyelmet a fejlesztők. Néhány használják előtt és után a szép kapcsolatokat, amint azt az alábbi ábra mutatja.

Vannak más pszeudo-elemek, de ma fogunk összpontosítani a: before és: after. Ennek során a cikket, a kifejezés ál-elemeket értjük, közülük kettő (előtt és után).
Mit jelent a pszeudo?
Psevdoelementy létre hamis elemeket és van behelyezve előtt (mielőtt) vagy után (utána) adott tartalom.
A nagyon előtag „pszeudo” azt jelzi, hogy ez nem igazi elemek. Ők nem látható a keresők csak, hogy dolgozza fel a tartalmat. Ezek az elemek határozzák meg a CSS kódot.
Az alapvető szintaxis
Psevdoelementy: before és: after nagyon előírt a kódot. Itt egy egyszerű példa a használatára:
Fontos megjegyezni két dolgot. Először olvassa el a tényleges html elem segítségével húrok #Example: előtt és #Example: utána. Prefix kettőspont követ, azt jelenti, hogy nem csak egy stílus elem, és ál.
Másodszor, nem lehet hozzáadni semmit anélkül, hogy a tulajdon tartalmát. ami azt jelzi, hogy fel kell tüntetni, egy ál.
Részletes szintaxis
Akkor hagyja üresen a tartalmat tulajdon, és hozzon létre egy blokkot.
Ha törli a tartalmat tulajdon. pszeudo-nem fog működni. Legalábbis sovoystvo maradjon üresen.
Tisztában kell lennie azzal, hogy néhány ilyen elemet használunk formájában :: előtt és után ::. Nincs különbség a böngészők is támogatják ezt a szintaxist.
Tovább a felhasználás helyén. Akkor lehet alkalmazni, hogy a pszeudo-html elemeket.
De ez személyes célokra. Ez a kód beilleszti a # előtt a tartalmat mindegyik DOM-elem. Még ha eltávolítja az összes tag azon az oldalon, láthatjuk a két karakter oldalon ##. Ezt alkalmazzák, nem tudom miért, de ez van.
Jellemzők plug-in tartalom
Mint korábban említettük, hogy a tartalom ki láthatatlan a HTML-oldal. Ez csak akkor látható a CSS.
Továbbá, a plug-in tartalom inline elemek alapértelmezés szerint. Ahhoz, hogy ő pont kijelzôblokk elég: block;. a kép szélességét és magasságát a készüléket. Ez nagyon kényelmes, ha olyan lapok, gombok, stb

Fontos megjegyezni, hogy ál-stílusok nem öröklik a szülő elemek (mint például a belső és külső margó). Ezért minden egyes ál, meg kell adnia a paramétereket a stílusok.
Beírása nem csak szöveges tartalom
Az ingatlan tartalmat. Önnek nem kell a szöveg is egy képet. Itt lehet regisztrálni a kép URL-jét, ahogy az a háttérben.
Fontos megjegyezni, hogy az URL nem lehet hivatkozni, ez azt jelentené, hogy a tartalom szöveget.
Melyik böngésző támogatja a: before és: after?
Különösen az utóbbi időkben fontos a tervezés cross-böngésző kompatibilitás. Ezért, mielőtt bármilyen módszer alkalmazása, akkor ellenőriznie kell, hogy a különböző böngészőkben. Az alábbi lista a támogató böngészők a: before és: after.
Firefox 3.5+ (3.0-nak részleges támogatás)
IE8 + (kisebb hibák)
Csakúgy, mint sok más mobil böngészők.
Csak egy probléma (remélem, ez nem hír, hogy te) IE6 és IE7, amelyek nem támogatják ál. Ha a felhasználói bázis használja a böngésző meg kell szenvedni, vagy egyszerűen csak lehetőséget teremt számukra, hogy frissítse a böngészőt.
Mint látható, a használata előtt és után pszeudo-elemek nem annyira kritikus, mint sok elképzeltem. Ez minden, sok sikert kívánok!