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>
 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