CSS vraagje....

[WSVision]

Kan iemand mij misschien duidelijk uitleggen wat het verschil is tussen element[attribute~="value"] en element[attribute*="any part of the value"]. In het boek staat twee voorbeelden met als uitleg:

img[title~="grade"] met uitleg: "The following example looks for the word “grade” in
the title, so images with the title value “first grade” and “second grade”
would be selected."

img[title*="February"] met uitleg: "This rule selects
any image that contains the word “February” somewhere in its title."

Voor zover ik heb begrepen, is de uitwerking van beide hetzelfde. Kan iemand mij duidelijk uitleggen waar het verschil in zit??? Alvast bedankt.

[Anoniem: 26306]

De ~= matcht wel met <img title="second grade"> maar niet met <img title="Belgrade">.
De *= zou allebei matchen.

Het verschil is dat ~= alleen op door spaties gescheiden waarden werkt en daardoor bedoeld is voor elementen met door spaties gescheiden waarden.

[WSVision]

Okay, I get it. Bedankt voor je uitleg, kort en krachtig.

[NMe]

Het hoofdstuk in je boek waarin dit voorkomt heet waarschijnlijk "selectors" of "attribute selectors". [google=css attribute selectors] heeft als eerste link de specificatie van het W3C en als tweede hit deze pagina die het je haarfijn uitlegt. Volgende keer dus een beetje harder zoeken voordat je een topic opent. Zie ook De Quickstart. Overigens zou een betere omschrijvende titel voor je topic ook geholpen hebben, 70% van de vragen hier zou zich kunnen omschrijven als een "CSS-vraagje".