, css pseudo - elementer anvendes til at tilføje særlige virkninger for nogle udvælgere.du har ikke brug for javascript eller andre manuskript til at bruge disse virkninger.en simpel syntaks af pseudo - element er således −, vælgeren: pseudo - element (ejendomsret: værdi), css klasser kan også anvendes med pseudo - elementer og minus;, vælgeren. klasse: pseudo - element (ejendomsret: værdi), som er den hyppigst anvendte pseudo - elementer er følgende −, værdi beskrivelse: 1. linjebehandling med brug af dette element at tilføje særlige former for den første linje i teksten i komitéen.: for det første brev brug dette element at tilføje særlige stil på det første brev af teksten i komitéen.: før brug dette element til at indsætte nogle indhold, før et element.efter brug dette element til at indsætte nogle indhold efter et element.,: 1. linjebehandling pseudo - element, følgende eksempel viser, hvordan anvendes: 1. linjebehandling, element at tilføje særlige virkninger for den første linje af elementer i dokumentet, < html > < head > < stil type = "tekst /css" > p: 1. linje (tekst): understrege;} p.noline: 1. linje (tekst): ingen;} < /stil > < /head > < krop > < p - klassen = "noline" > denne linje ikke ville have nogen understrege, fordi det hører til for at nline klasse. < /p > < p > den første linje i dette afsnit vil blive understreget som defineret i landestøttestrategien regel ovenfor.resten af linjerne i dette punkt vil være normal.This example shows how to use :first-line pseduo element to give effect to the first line of any HTML element.</p> </body> </html> , ,It will produce the following link −, ,The :first-letter pseudo-element,The following example demonstrates how to use the ,:first-letter, element to add special effects to the first letter of elements in the document., <html> <head> <style type="text/css"> p:first-letter { font-size: 5em; } p.normal:first-letter { font-size: 10px; } </style> </head> <body> <p class="normal"> First character of this paragraph will be normal and will have font size 10 px;</p> <p>The firstkarakter af dette punkt vil blive 5em store som defineret i landestøttestrategien regel ovenfor.resten af personer i dette punkt vil være normal.This example shows how to use :first-letter pseduo element to give effect to the first characters of any HTML element.</p> </body> </html> , ,It will produce the following black link −, ,The :before pseudo-element,The following example demonstrates how to use the ,:before, element to add some content before any element., <html> <head> <style type="text/css"> p:before { content: url(/images/bullet.gif) } </style> </head> <body> <p> This line will be preceded by a bullet.</p> <p> This line will be preceded by a bullet.</p> <p> This line will be preceded by a bullet.</p> </body> </html> , ,It will produce the following black link −, ,The :after pseudo-element,The following example demonstrates how to use the ,:after, element to add some content after any element., <html> <head> <style type="text/css"> p:after { content: url(/images/bullet.gif) } </style> </head> <body> <p> This line will be succeeded by a bullet.</p> <p> This line will be succeeded by a bullet.</p> <p> This line will be succeeded by a bullet.</p> </body> </html> , ,It will produce the following black link −, ,
css pseudo - elementer
Previous:css pseudo - klasser
Next Page:css filtre tekst og billede virkninger