, css pseudo - klasser, 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 - klasser er således −, vælgeren: pseudo - klasse (ejendomsret: værdi), css klasser kan også anvendes med pseudo - klasser og minus;, vælgeren. klasse: pseudo - klasse (ejendomsret: værdi), som er den hyppigst anvendte pseudo - kategorier er følgende −, værdi beskrivelse: forbindelse benytte denne klasse at tilføje særlige stil til en unvisited link.denne klasse: besøg at tilføje særlige stil til et besøg i sammenhæng.- svæv brug denne klasse at tilføje en særlig stil et element, når man mus over det.: aktiv brug denne klasse at tilføje særlige stil til et aktivt element.denne klasse at tilføje: fokus på særlige stil et element, mens det element, der er i fokus.- første barn bruger denne klasse at tilføje særlige stil til et element, der er det første barn i et andet element.denne klasse: lang angive et sprog til brug i et bestemt element., selv om pseudo - klasser på < stil > < /stil > blok, skal følgende bemærkes −,,, en: den skal komme efter en: sammenhæng og en: besøgte i css definition for at være effektive.,,, en: aktiv skal komme efter en: svæver i landestøttestrategien definition for at være effektive.,,, pseudo - klasse navne ikke er fortrolige.,,, pseudo - klasse er forskellige fra css klasser, men de kan kombineres.,,,: forbindelse pseudo - klasse, følgende eksempel viser, hvordan man bruger det, link klasse at fastsætte forbindelsen farve.mulige værdier kan være enhver farve navn med en gyldig format. < html > < head > < stil type = "tekst /css" > a: link (farve:�} < /stil > < /head > < krop > < en href = "> sorte forbindelse < /a > < /organ > < /html >,, det vil få følgende sorte forbindelse −,,: besøgte pseudo - klasse, som er et eksempel, som viser, hvordan anvendes: besøgte, klasse, at farven på besøgte forbindelser.mulige værdier kan være enhver farve navn med en gyldig format. < html > < head > < stil type = "tekst /css" > a: besøgte (farve:ᧈ} < /stil > < /head > < krop > < en href = "> på denne forbindelse < /a > < /organ > < /html >,, det vil give følgende link.når du vil klik denne sammenhæng, det vil ændre dens farve grøn.,,: den pseudo - klasse, følgende eksempel viser, hvordan anvendes: svæv, klasse for at ændre farven af forbindelserne, når vi får en mus viser i denne sammenhæng.mulige værdier kan være enhver farve navn med en gyldig format. < html > < head > < stil type = "tekst /css" > a: den (farve:&#ffcc00) < /stil > < /head > < krop > < en href = "> med mus her < /a > < /organ > < /html >,, vil det give følgende link.nu tager du din mus i denne forbindelse, og de vil se, at den skifter farve til gul.,,: aktive pseudo - klasse, følgende eksempel viser, hvordan anvendes: aktive, klasse for at ændre farven af aktive forbindelser.mulige værdier kan være enhver farve navn med en gyldig format. < html > < head > < stil type = "tekst /css" > a: aktive (farve:&#ff00cc} < /stil > < /head > < krop > < en href = "> på denne forbindelse < /a > < /organ > < /html >,, vil det give følgende link.når en bruger klik, ændres farven til pink.,,: fokusere pseudo - klasse, følgende eksempel viser, hvordan anvendes: fokus, klasse for at ændre farven af fokuserede forbindelser.mulige værdier kan være enhver farve navn med en gyldig format. < html > < head > < stil type = "tekst /css" > a: fokusere (farve:�ff} < /stil > < /head > < krop > < en href = "> på denne forbindelse < /a > < /organ > < /html >,, vil det give følgende link.når forbindelsen bliver fokuseret, dens farve ændringer til orange.farven skifter tilbage, når den mister fokus.,,: for det første barn pseudo - klasse,,: for det første barn, pseudo - klasse tændstikker et bestemt element, som er det første barn i et andet element og tilføjer særlige stil til det element, der er det første barn i et andet element. for at gøre: for det første barn arbejde, dvs. <!DOCTYPE> must be declared at the top of document.,For example, to indent the first paragraph of all <div> elements, you could use this definition −, <html> <head> <style type="text/css"> div > p:first-child { text-indent: 25px; } </style> </head> <body> <div> <p>First paragraph in div. This paragraph will be indented</p> <p>Second paragraph in div. This paragraph will not be indented</p> </div> <p>But it will not match the paragraph in this HTML:</p> <div> <h3>Heading</h3> <p>første afsnit i dette stykke, ikke vil ske.. < /p > < /div > < /organ > < /html > det giver følgende resultat −,,: lang pseudo - klasse, sprog pseudo - klasse: lang, kan beregningen af selektorer baseret på sprog om fastsættelse for specifikke tegn. denne kategori er nyttige i de dokumenter, der skal appellere til flere sprog, som har forskellige konventioner for visse sprog konstruktioner.f.eks. det franske sprog typisk anvender vinkel parentes (< og >), for at citere formål, mens det engelske sprog anvender citere mark ("og"). i et dokument, der skal tage fat på denne forskel, kan du bruge den: lang pseudo - klasse til at ændre de citerer, er passende.The following code changes the <blockquote> tag appropriately for the language being used −, <html> <head> <style type="text/css"> /* Two levels of quotes for two languages*/ :lang(en) { quotes: '"' '"' "'" "'"; } :lang(fr) { quotes: "<<" ">>" "<" ">"; } </style> </head> <body> <p>...<q lang="fr">A quote in a paragraph</q>...</p> </body> </html> , ,The :lang selectors will apply to all the elements in the document. men ikke alle elementer gør brug af de citater, ejendom, så virkningen vil være gennemsigtige for de fleste elementer. det giver følgende resultat &minus,,,