Före CSS - original, bekväm, praktisk

Pseudo-element och pseudo-klasser CSS: före, efter, hover, aktiv, etc. - faktisk möjlighet att förbättra kvaliteten och förenkla plats utförandet, exklusive JavaScript-hanterare kod på det uppenbara, inte kräver en komplicerad reaktions mönster, element händelser, dialoger och åtgärder besökaren.

Pseudo bekvämt, multifunktionell, har betydande och flervals egenskaper för enkla och komplexa upphovsrätts kastruller: hur original uppmärksamma, sömlöst klargöra de åtgärder som krävs för att få en ledtråd på rätt plats.

Stora möjligheter öppna när den är specificerad url () i innehållet i pseudo. I själva verket öppnar detta alternativ upp nya horisonter, både när det gäller nedladdning något till sidan och eventuell aktivering av något som helst

Kännetecknande för pseudo

Pseudo (:: före CSS, :: efter) skiljer sig från de element, väljarna och pseudoklasser som inte ursprungligen finns i dokumentet trädet. Kanske är det i praktiken inte särskilt viktigt, men om vi betraktar frågan om att placera innehållet på webbplatsen, litar du innehållet egendom något meningsfullt för sökmotorn inte vettigt.

Pseudo :: innan CSS kan du lägga till innehåll till elementet, och :: efter - efter. Innehållet kan variera från enkla text till komplexa formatering i termer av CSS-egenskaper, men inga HTML-taggar. Pseudo kan perfekt placerad inuti elementet, som är fäst till, eftersom betydelsen av före och efter är relativ och mobil. Du kan inte bara ange position, men även storlekar, färger, bakgrunder, teckensnitt och använda andra funktioner i CSS.

Som pseudo CSS, före och efter föregås av symbolen ":", men CSS3 standard rekommenderas "::". För att testa en viss användning på en sida blir aldrig mer än vissa webbläsare eller versioner kan helt enkelt inte märker en viss pseudo.

Allmänna Villkor för användning

Genom att placera, t ex, div-element som beskriver class = 'scElement' och innehållet "Element" till den sida, vilket visar i CSS-formatmall Beskrivning:

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

}

du kan använda en pseudo ": hover" pseudo och ":: före" CSS:

.scElement: hover :: före {content: 'prefixet'; färg ...; bakgrundsfärg ...;}.

Sedan när du håller muspekaren före ordet 'Element' kommer att visas ordet 'prefixet', som kommer att ändra färgen på bokstäver och bakgrund.

Innehållsvarianter pseudo

Om du inte anger pseudo egenskaper, kommer de att vara densamma som den viktigaste delen - scElement. Du kan ange webbadressen, och därefter innehållet egenskapen: url ( '/ scBox / RM-v / SC-rights.png) när markören visar bilden på elementet. När det gäller innehåll: "\ 03B1" visas matematiska symbolen "alfa", men använder specialtecken: "& nbsp;", " & lt;", "& laquo;", "& raquo;" och andra inte - de kommer att visas som de är.

Tillät en hel del alternativ för att ange innehållet i pseudo-: normal "text", url (), en sekvens av hexadecimala tecken, se: öppen quote / close-citat, eller ingen öppen citat / no-close-citat, kan etc. Som vara en indikation på den absoluta positionen av innehållet. genom egenskaperna, genom att tillämpa tidigare kommer CSS placera pseudo någonstans i det element som den är ansluten.

Du kan kombinera samtidig användning av före och efter. Därför placerar använda CSS före innehåll tecken, kan du få en mängd olika effekter, som kombinerar olika pseudo-klasser och pseudo-element, överraska besökaren, inte spendera samtidigt även en enda byte-kod JavaScript.

funktioner pseudo

För deras beteckningar som antagits ":" karaktär, samt att hänvisa till pseudo, men till skillnad från CSS3 pseudo brukar betecknas med "::". Webbläsare som förstår det, uppfattar båda beteckningar. Luckor i inspelningen är inte tillåtet, strängen spelas in och pseudo (eller enda) pseudo inspelad tillsammans:

scElement: hover :: före {content: 'prefixet'; ...}

scElement: aktiv: efter {innehåll: 'suffixet'; ...}

Det är viktigt att komma ihåg: CSS innan du kör ut ur webbplatsens innehåll. Styles är inte relaterade till innehållet på sidan. Pseudo - är inget undantag. De visas inte i DOM-trädet och önskvärt att använda dem i relevanta delar av webbplatsen - i innehållet, kommer de inte att få.

Med hjälp av "" och "::" stöds av mobila plattformar och moderna webbläsare, men kontrollera arbetet med äldre versioner ofta inte överflödig.

Innehållet i pseudo inte ingår i webbplatsens innehåll. Det kommer inte sökmotorer. Hur man använder denna omständighet - beror på den specifika situationen, men möjligheten att använda CSS innan, liksom efter, självständigt eller i en komplex, intressant när innehållet är en url (). Direkt användning av innehållet pseudo som länkar till webbplatsen, gör det möjligt för honom att ladda ner en fil, till exempel en bild.

Möjlighet att ändra stil filer online (Cascading Style Sheets filer - inget undantag) inte stör formen och använda pseudo som det är praktiskt vid varje given tidpunkt, på rätt plats algoritmen, beroende på besökarens åtgärder.