Validator-Warnungen bei bedingten rel-Selektoren

/*----------------------- XFN tags -----------------------*/
div.postcontent a[rel="me"]
{
    background: url('../../pics/xfn/me.gif') right center no-repeat;
    padding-right: 11px;
}
 
/*-------- [ These should cascade to pick the correct icon for the contact ]--*/
/*-------- [ Normal contacts ]--*/
div.postcontent a[rel~="contact"], div.postcontent a[rel~="acquaintance"], div.postcontent a[rel~="friend"]
{
    background: url('../../pics/xfn/contact.gif') right center no-repeat;
    padding-right: 11px;
}
/*-------- [ Normal contacts youve met ]--*/
div.postcontent a[rel~="contact"][rel~="met"], div.postcontent a[rel~="acquaintance"][rel~="met"], div.postcontent a[rel~="friend"][rel~="met"]
{
    background: url('../../pics/xfn/contactMet.gif') right center no-repeat;
    padding-right: 11px;
}
 
/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.postcontent a[rel~="colleague"], div.postcontent a[rel~="co-worker"]
{
    background: url('../../pics/xfn/colleague.gif') right center no-repeat;
    padding-right: 11px;
}
/*-------- [ Colleague and co worker icon when met ]--*/
div.postcontent a[rel~="colleague"][rel~="met"], div.postcontent a[rel~="co-worker"][rel~="met"]
{
    background: url('../../pics/xfn/colleagueMet.gif') right center no-repeat;
    padding-right: 11px;
}
 
/*-------- [ Sweethearts are more important than work!!! ]--*/
div.postcontent a[rel~="muse"], div.postcontent a[rel~="crush"], div.postcontent a[rel~="date"], a[rel~="sweetheart"]
{
    background: url('../../pics/xfn/sweet.gif') right center no-repeat;
    padding-right: 11px;
}
/*-------- [ ...and if youve met them thats even better ]--*/
div.postcontent a[rel~="muse"][rel~="met"], div.postcontent a[rel~="crush"][rel~="met"], div.postcontent a[rel~="date"][rel~="met"], div.postcontent a[rel~="sweetheart"][rel~="met"]
{
    background: url('../../pics/xfn/sweetMet.gif') right center no-repeat;
    padding-right: 11px;
}