logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

Jellemzőérték-vége kijelölő


Az összes olyan Elem típusú elemre vonatkozik, amelynél adott jellemző végén szerepel a kijelölőben megadott érték.

Elem [jellemző$="érték"]
{
meghatározásblokk
}
/*Az összes olyan Elem típusú elemre vonatkozik,
amelynél adott jellemző végén
szerepel a kijelölőben megadott érték. */


Példa:

Forráskód



<style>
  a[href$='.pdf']:after 
      {content:  " "  url("pdf_ikon.png") " ";}
  a[href$='.odt']:after 
      {content:  " "  url("odt_ikon.png") " ";}
  a[href$='.doc']:after, a[href$='.docx']:after 
      {content: " " url("word_ikon.png");}
</style>     
</head>
<body>            
  <a href="....pdf">demo.pdf</a><br>
  <a href="....odt">demo.odt</a><br>
  <a href="....doc">demo.doc</a><br>  
  <a href="....docx">demo.docx</a>   
</body>
 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_link_after_01.html

Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.