Pred CSS - originál, pohodlné, praktické

Pseudo-elementy a pseudo-triedy CSS: pred, po vznášať, aktívny, atď - účinná príležitosť na zlepšenie kvality a zjednodušenie miesto realizácie, okrem JavaScript-handler kód na zrejmé, nevyžadujú zložitú reakcie vzorov, prvky udalosti, dialógy a akcie návštevníka.

Pseudo pohodlné, multifunkčný, majú významné a úlohy s výberom vlastnosti pre jednoduché a zložité autorskými panvy: ako pôvodná upozorňujú, hladko objasniť opatrenia nevyhnutné na priniesť náznak na správnom mieste.

Skvelé vyhliadky otvoriť, keď zadanej URL () v obsahu pseudo. V skutočnosti je táto možnosť otvára nové obzory, a to ako pokiaľ ide o sťahovanie niečo na stránke, a možno aktivácia čokoľvek kdekoľvek

Charakteristickým rysom pseudo

Pseudo (:: pred CSS :: Po) sa líši od prvkov, ovládače a pseudo-tried, ktoré neboli pôvodne existujú v strome dokumentov. Možno, že v praxi to nie je nijako zvlášť dôležité, ale ak vezmeme do úvahy otázku umiestnenia obsahu na webových stránkach, ktorým dôverujete vlastnosť obsahu niečo zmysluplné pre vyhľadávače nedáva zmysel.

Pseudo :: pred CSS vám umožní pridať obsah prvku, a :: po - po. Obsah sa môže líšiť od obyčajného textu k zložitým formátovaním z hľadiska vlastností CSS, ale bez značiek HTML. Pseudo môže byť dokonale umiestnený vo vnútri prvku, ktorý je pripojený k, pretože význam pred a po je relatívna a mobilné. Nemôžete len tak určiť polohu, ale aj veľkostí, farieb, pozadia, písma a používať ďalšie funkcie CSS.

Ako pseudo CSS, pred a po predchádza symbol ":", ale CSS3 štandardné odporúčané "::". Otestovať konkrétne použitie na strane nikdy nebude viac než niektoré prehliadača alebo verzie môžu jednoducho nevšimnú určité pseudo.

Všeobecné podmienky použitia

Umiestnením, napríklad prvok div opisuje class =, scElement 'a obsah "prvok" na strane, pričom vo CSS štýle popis listov:

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

}

môžete použiť pseudo ": vznášať" pseudo a ":: pred" CSS:

.scElement: vznášať :: pred {obsahu: 'predponou'; color ...; background-color ...;}.

Potom, keď podržíte kurzor myši pred slovo, prvok 'sa objaví slovo, prefix', ktorý zmení farbu písmen a pozadia.

Obsahové zmeny pseudo

Ak nechcete zadať pseudo vlastnosti, budú rovnaké ako hlavný prvok - scElement. Môžete zadať adresu URL, a potom vlastnosti content: url ( '/ scBox / rm-v / sc-rights.png'), keď sa kurzor zobrazuje obraz na prvku. V prípade, že obsah zodpovedá: "\ 03B1" sa objaví matematický symbol "alfa", ale použiť špeciálne znaky: "& nbsp;", " & lt;", "& Laque;", "& raquo;" a iné nie - budú zobrazené ako je.

Povolené veľa možností, ako určiť obsah pseudo: normálny "text", url (), postupnosť hexadecimálne znaky, pozri: open-quote / close-quote alebo no-open-quote / no-close-quote, atď. Ako môže byť údaj o absolútnej polohe obsahu. vo vlastnostiach štýle, s použitím predtým, CSS umiestni pseudo kdekoľvek v prvku, ku ktorému je pripojený.

Môžete kombinovať súčasné použitie pred a po. Z tohto dôvodu umiestnenia pomocou CSS pred znaky obsahu, môžete získať celý rad efektov, ktorý kombinuje rôzny pseudo-triedy a pseudo-prvky, prekvapí návštevníka, netrávi zároveň aj jeden byte kód JavaScriptu.

ponúka pseudo

Pre ich označenie prijatý ":" znak, rovnako ako sa odkazovať na pseudo, ale na rozdiel od CSS3 pseudo zvyčajne označené "::". Prehliadače, ktorý pochopil, vníma obe označenia. Medzery v zázname nie je povolené, reťazec bol zaznamenaný a pseudo (alebo iba) pseudo zaznamenané spoločne:

scElement: vznášať :: pred {obsahu: 'predponou'; ...}

scElement: aktívna: po {obsah: prípona; ...}

Je dôležité mať na pamäti: CSS pred spustením z obsahu stránok. Štýly sú nesúvisí s obsahom stránky. Pseudo - nie je výnimkou. Sa neobjavujú v DOM stromu a nežiaduce používať ich v príslušných častiach tohto webu - v obsahu, nebudú mať.

Pomocou tlačidla "" a "::" je podporovaná mobilnými platformami a moderných prehliadačov, ale kontrolovať prácu na starších verziách často nie sú zbytočné.

Obsah pseudo-nie sú zahrnuté v obsahu stránok. Nebude vidieť vyhľadávače. Ako používať túto okolnosť - záleží na konkrétnej situácii, ale možnosť používať CSS pred, ako aj po ňom, samostatne alebo v komplexe, zaujímavé, keď je obsah je url (). Priame využitie obsahu pseudo ako odkazy na stránky, mu umožní stiahnuť súbor, napríklad obrázok.

Schopnosť meniť súbory v štýle online (kaskádových štýlov súbory - žiadna výnimka) nie je v rozpore s formulármi a použiť pseudo ako je vhodné v daný okamih, na správnom mieste algoritmu v závislosti na návštevníka akcie.