I recently acquired a log in module for DotNetNuke and I am interested in customizing its appearance. Here is the html structure generated when a user logs in to my site:
<div id="Login">
<div id="HelloLogin">Hello</div>
<a href="http://localhost:6111/en-us/userprofile.aspx">mosijava</a>
</div>
However, when the user logs out, the html changes as follows with the absence of the <a> tag:
<div id="Login">
<div id="HelloLogin">Hello</div>
guest
</div>
My goal is to apply a css style to the div with ID="HelloLogin" only when a user is logged in, indicated by the presence of the <a> tag in the html.
Is there a way to achieve this using pure css?
I attempted to use the following selector but it did not yield the desired results
#login a:before{
color:red;
}