Voordat CSS - origineel, comfortabel, praktisch

Pseudo-elementen en pseudo-classes CSS: voor, na zweven, actief, enz. - effectieve mogelijkheid om de kwaliteit te verbeteren en vereenvoudiging van de uitvoering site, niet met inbegrip van JavaScript-handler code op voor de hand liggende, niet een complexe reactie ontwerpen, elementen gebeurtenissen, dialogen en acties van de bezoeker nodig heeft.

Pseudo handige, multifunctionele, hebben belangrijke en multiple choice eigenschappen voor eenvoudige en complexe copyright pannen: hoe origineel de aandacht te vestigen, naadloos het nodig is om een hint op de juiste plaats te brengen acties te verduidelijken.

Grote vooruitzichten openen wanneer bepaalde url () in de inhoud van pseudo. Sterker nog, deze optie opent nieuwe perspectieven, zowel in termen van downloaden iets aan de pagina, en de mogelijke activering van ergens iets

Een onderscheidend kenmerk van pseudo

Pseudo (:: voor CSS, :: na) verschilt van de elementen, selectors en pseudo-klassen die oorspronkelijk niet bestond in het document boom. Misschien is het in de praktijk is niet bijzonder belangrijk, maar als we rekening houden met de kwestie van het plaatsen van de content op de site, u vertrouwt de eigenschap inhoud van iets zinvols voor de zoekmachine heeft geen zin.

Pseudo :: voordat CSS kunt u de inhoud toe te voegen aan het element, en :: na - na. De inhoud kan variëren van eenvoudige tekst tot complexe opmaak in termen van CSS-eigenschappen, maar geen HTML-tags. Pseudo kan perfect worden gepositioneerd in het element, die is bevestigd, vanwege de betekenis van voor en na relatief en mobiel. Je kunt niet zomaar de positie te geven, maar ook de maten, kleuren, achtergronden, lettertypen en andere functies van CSS.

Zoals pseudo de CSS, de voor en na worden voorafgegaan door het symbool ":", maar CSS3 standaard aanbevolen "::". Als u een bepaalde toepassing op een pagina te testen zal nooit meer zijn dan sommige browsers of versies kunnen gewoon niet een bepaalde pseudo merken.

Algemene Voorwaarden

Door het plaatsen van, bijvoorbeeld, div element beschrijven class = 'scElement' en de inhoud "Element" om de pagina te geven in CSS-stylesheet beschrijving:

.scElement {
POSITIE ...;
z-index ...;
...

}

": Hover" kunt u een pseudo toepassen pseudo en ":: before" CSS:

.scElement: hover :: vóór {inhoud: 'prefix'; kleur ...; background-color ...;}.

Dan wanneer u de muisaanwijzer voor het woord 'Element' zweven zal het woord 'voorvoegsel', die de kleur van de letters en de achtergrond zal veranderen verschijnen.

Inhoudsvarianten pseudo

scElement - Als u geen pseudo-eigenschappen opgeven, zullen ze hetzelfde zijn als die van de belangrijkste element. U kunt de url op te geven en vervolgens de eigenschap inhoud: url ( '/ scBox / rm-v / sc-rights.png') wanneer de cursor toont het beeld op het element. In het geval van de inhoud: "\ 03B1" verschijnt wiskundig symbool "alfa", maar gebruik maken van de speciale tekens: "& nbsp;", " & lt;", "& laquo;", "& raquo;" en anderen niet - zullen ze worden weergegeven zoals het is.

Toegestaan een heleboel opties om de inhoud van pseudo- opgeven: normal "tekst", url (), een opeenvolging van hexadecimale tekens, zie: open citaat / close-quote, of geen open-quote / no-close-quote, etc. Als kan een indicatie van de absolute positie van de inhoud. door middel van stijl eigenschappen, door het toepassen van voordien, CSS zal de pseudo overal in het element, waarop hij is aangesloten.

U kunt het gelijktijdig gebruik combineren van voor en na. Daarom is het plaatsen van het gebruik van CSS voor de inhoud van tekens, kunt u een verscheidenheid aan effecten te krijgen, het combineren van verschillende pseudo-classes en pseudo-elementen, verrassen de bezoeker, niet de uitgaven op hetzelfde moment zelfs een enkele byte-code JavaScript.

Kenmerken pseudo

Voor hun benamingen aangenomen ":" karakter, maar ook om te verwijzen naar pseudo, maar in tegenstelling tot CSS3 pseudo meestal aangeduid met "::". Browsers die het te begrijpen, zien beide aanduidingen. Gaten in de registratie niet is toegestaan, de streng wordt opgenomen en pseudo (of enige) pseudo geregistreerd samen:

scElement: hover :: vóór {inhoud: 'prefix'; ...}

scElement: actief: na {inhoud: 'achtervoegsel'; ...}

Het is belangrijk om te onthouden: CSS voordat opraken van de inhoud van de site. Stijlen zijn niet gerelateerd aan de inhoud van de pagina. Pseudo - is geen uitzondering. Zij komen niet voor in de DOM-boom en ongewenst om ze te gebruiken in de relevante delen van de site - in de inhoud, zullen ze niet krijgen.

Met behulp van de "" en "::" wordt ondersteund door mobiele platformen en moderne browsers, maar controleer het werk op oudere versies vaak niet overbodig.

De inhoud van pseudo-niet opgenomen in de inhoud van de site. Het zal niet de zoekmachines te zien. Hoe deze omstandigheid te gebruiken - afhankelijk van de specifieke situatie, maar de mogelijkheid van het gebruik van CSS voor, als na, zelfstandig of in een complex, interessant wanneer de inhoud is een url (). Direct gebruik van de inhoud pseudo als links naar de site, zal hem in staat om een bestand te downloaden, bijvoorbeeld een foto.

De mogelijkheid om de stijl bestanden online te veranderen (cascading style sheets bestanden - geen uitzondering) niet interfereert met de vorm en het gebruik van pseudo want het is handig op een bepaald moment, op de juiste plek algoritme, afhankelijk van de acties van de bezoeker.