Před CSS - originál, pohodlné, praktické

Pseudo-elementy a pseudo-třídy CSS: před, po vznášet, aktivní, atd - účinná příležitost ke zlepšení kvality a zjednodušení místo provádění, vyjma JavaScript-handler kód na zřejmé, nevyžadují složitou reakce vzorů, prvky události, dialogy a akce návštěvníka.

Pseudo pohodlné, multifunkční, mají významné a úlohy s výběrem vlastnosti pro jednoduché a složité autorskými pánve: jak původní upozorňují, hladce vyjasnit opatření nezbytná pro přinést náznak na správném místě.

Skvělé vyhlídky otevřít, když zadané URL () v obsahu pseudo. Ve skutečnosti je tato možnost otevírá nové obzory, a to jak pokud jde o stahování něco na stránce, a možná aktivace cokoliv kdekoliv

Charakteristickým rysem pseudo

Pseudo (:: před CSS :: Po) se liší od prvků, ovládače a pseudo-tříd, které nebyly původně existují ve stromu dokumentů. Možná, že v praxi to není nijak zvlášť důležité, ale pokud vezmeme v úvahu otázku umístění obsahu na webových stránkách, kterým důvěřujete vlastnost obsahu něco smysluplného pro vyhledávače nedává smysl.

Pseudo :: před CSS vám umožní přidat obsah prvku, a :: po - po. Obsah se může lišit od prostého textu k složitým formátováním z hlediska vlastností CSS, ale bez značek HTML. Pseudo může být dokonale umístěn uvnitř prvku, který je připojen k, protože význam před a po je relativní a mobilní. Nemůžete jen tak určit polohu, ale také velikostí, barev, pozadí, písma a používat další funkce CSS.

Jako pseudo CSS, před a po předchází symbol „:“, ale CSS3 standardní doporučené „::“. Otestovat konkrétní použití na straně nikdy nebude víc než některé prohlížeče nebo verze mohou jednoduše nevšimnou určité pseudo.

Všeobecné podmínky použití

Umístěním, například prvek div popisuje class = ‚scElement‘ a obsah „prvek“ na straně, přičemž ve CSS stylu popis listů:

.scElement {
POSITION ...;
z-index ...;
...

}

můžete použít pseudo ": vznášet" pseudo a ":: před" CSS:

.scElement: vznášet :: před {obsahu: 'předponou'; color ...; background-color ...;}.

Pak, když podržíte kurzor myši před slovo ‚prvek‘ se objeví slovo ‚prefix‘, který změní barvu písmen a pozadí.

Obsahové změny pseudo

Pokud nechcete zadat pseudo vlastnosti, budou stejná jako hlavní prvek - scElement. Můžete zadat adresu URL, a poté vlastnosti content: url ( '/ scBox / rm-v / sc-rights.png'), když se kurzor zobrazuje obraz na prvku. V případě, že obsah odpovídá: "\ 03B1" se objeví matematický symbol "alfa", ale použít speciální znaky: "& nbsp;", " & lt;", "& laquo;", "& raquo;" a jiné ne - budou zobrazeny jako je.

Povoleno mnoho možností, jak určit obsah pseudo: normální „text“, url (), posloupnost hexadecimální znaky, viz: open-quote / close-quote nebo no-open-quote / no-close-quote, atd. Jak může být údaj o absolutní poloze obsahu. ve vlastnostech stylu, s použitím předtím, CSS umístí pseudo kdekoli v prvku, ke kterému je připojen.

Můžete kombinovat současné použití před a po. Z tohoto důvodu umístění pomocí CSS před znaky obsahu, můžete získat celou řadu efektů, který kombinuje různý pseudo-třídy a pseudo-prvky, překvapí návštěvníka, netráví zároveň i jeden byte kód JavaScriptu.

Nabízí pseudo

Pro jejich označení přijat „:“ znak, stejně jako se odkazovat na pseudo, ale na rozdíl od CSS3 pseudo obvykle označené „::“. Prohlížeče, který pochopil, vnímá obě označení. Mezery v záznamu není povoleno, řetězec byl zaznamenán a pseudo (nebo pouze) pseudo zaznamenány společně:

scElement: vznášet :: před {obsahu: 'předponou'; ...}

scElement: aktivní: po {obsah: přípona; ...}

Je důležité mít na paměti: CSS před spuštěním z obsahu stránek. Styly jsou nesouvisí s obsahem stránky. Pseudo - není výjimkou. Se neobjevují v DOM stromu a nežádoucí používat je v příslušných částech tohoto webu - v obsahu, nebudou mít.

Pomocí tlačítka „“ a „::“ je podporována mobilními platformami a moderních prohlížečů, ale kontrolovat práci na starších verzích často nejsou zbytečné.

Obsah pseudo-nejsou zahrnuty v obsahu stránek. Nebude vidět vyhledávače. Jak používat tuto okolnost - záleží na konkrétní situaci, ale možnost používat CSS před, jakož i po něm, samostatně nebo v komplexu, zajímavé, když je obsah je url (). Přímé využití obsahu pseudo jako odkazy na stránky, mu umožní stáhnout soubor, například obrázek.

Schopnost měnit soubory ve stylu online (kaskádových stylů soubory - žádná výjimka) není v rozporu s formuláři a použít pseudo jak je vhodné v daný okamžik, na správném místě algoritmu v závislosti na návštěvníka akce.