HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Részleges jellemzőérték-kijelölő


Az összes olyan Elem típusú elemre vonatkozik, amelynél adott jellemző szóközökkel elválasztva megadott értékei között 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ő szóközökkel elválasztva megadott
értékei között szerepel a kijelölőben megadott érték. */


Példa:

Forráskód



<style type="text/css" >
 p[title~="magyarázat"] {  color: blue; }  
           /* az összes olyan bekezdésre vonatkozik, melynél a title jellemző 
            értéke szóközzel elválasztva tartalmazza a  "magyarázat" szót*/
</style>
...
<body>            
   <div class="div_1">
      <p id="p1" title="CSS magyarázat"> Ez kék</p> <p>de ez nem.</p>
   </div>
   <p id="p2" title="CSS-magyarázat"> Ez nem</p> <p>és ez sem.</p>
</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_kijelolo_reszleges_jellemzo.html