Před CSS - originální, pohodlné, praktické

Pseudo-prvky a Pseudo-třídy CSS:

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ě.

Velké perspektivy se otevírají, když url () je určen v obsahu pseudo-prvku. Ve skutečnosti tato možnost otevírá nové obzory, a to jak pokud jde o stahování něčeho na stránku webu, tak io případné aktivaci něčeho někde

Charakteristická vlastnost pseudo-prvků

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-element :: před CSS umožňuje přidat obsah před element a :: after-after. Obsah se může lišit od jednoduchého textu až po složité formátování, pokud jde o vlastnosti CSS, ale ne HTML tagy. Pseudo-element může být absolutně umístěn uvnitř prvku, ke kterému je připojen, takže před a po smyslu je relativní a mobilní. Můžete nejen určit polohu, ale i rozměry, barvy, pozadí, fonty a používat další vlastnosti CSS.

Stejně jako pseudotřídy CSS, před a za předchází symbol ":", ale podle standardu CSS3 se doporučuje "::". Testování konkrétního použití na stránce nebude nikdy nadbytečné: některé prohlížeče nebo verze z nich mohou jednoduše nevidět tento nebo ten pseudo-prvek.

Všeobecné podmínky použití

Umístěním například elementu div s popisem třídy = `scElement` a obsahem `Element` na stránce, ve kterém je uveden popis CSS ve stylu:

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

},

můžete na něj použít pseudo-class ": hover" a pseudo-element ":: before" CSS:

.scElement: pohybovat před :: {content: `prefix`- color ...- background-color ...-}.

Potom, když umístíte kurzor myši nad slovo `Element`, zobrazí se slovo `prefix`, které změní barvu písmen a pozadí.

Varianty obsahu pseudo-prvků

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.jpg`), když se kurzor zobrazuje obraz na prvku. V případě obsahu: " 03B1", matematická symbol "alfa", ale použít speciální znaky: „-“, „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 jаvascriptu.

Vlastnosti pseudo-prvků

Pro jejich označení se použije symbol ":", stejně jako u pseudotříd, ale v CSS3 je rozlišování pseudoelementů obvykle označeno "::". Prohlížeče, kteří to chápou, vnímají obě znamení. Mezery v záznamu nejsou povoleny, řetězec, ve kterém jsou zaznamenány pseudo-třídy a (nebo pouze) pseudo-element, jsou napsány společně:

scElement: pohybovat před :: {content: `prefix`- ...}

scElement: aktivní: po {content: `suffix`- ...}

Je důležité nezapomenout: CSS před prací mimo obsah webu. Styly nejsou pro obsah stránky relevantní. Pseudo-prvky nejsou výjimkou. Nejsou přítomné ve stromu DOM a je nežádoucí je používat ve významných částech webu - nebudou obsaženy v obsahu.

Použití ":" a "::" je podporováno mobilními platformami a moderními prohlížeči, ale často není nadbytečné kontrolovat práci na zastaralých verzích.

Obsah pseudo-prvku není zahrnut v obsahu webu. To nebudou vidět ve vyhledávačích. Použití této okolnosti závisí na konkrétní situaci, ale schopnost používat CSS před, stejně jako po, samostatně nebo komplexně, je zajímavé, když je obsah url (). Přímé použití obsahu pseudo-prvku, jako odkaz na web, vám umožní stahovat soubor z něj, 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.