XF 2.2 apply a custom CSS only for visitors

[Old Nick]

Hello,

In templates we can use this :

<xen:if is="!{$visitor.user_id}">
This content will show to guests
</xen:if>

but in extra.less how can i apply a custom css only for visitors ?

Thanks !

 

[Paul B]

Use this:

[data-logged-in="false"]
{
    .p-pageWrapper
    {
        background-color: orange;
    }
}

 

[Old Nick]

is it a way to display something only for moderators and administrators with CSS ?