[Solved] CSS and the WordPress Sandbox Theme

[oikofugic]

Greetings

Ok so I have this that works..

html: <div class="comment-meta">Posted June 11, 2010 at 9:25 am <span class="meta-sep">|</span> <a href="#comment-1" title="Permalink to this comment">Permalink</a>

css: .comment-meta .meta-sep {color:red; }

---

And this doesn’t work.. Can’t understand why.

html: <li id="comment-2" class="comment c1 c-y2010 c-m06 c-d11 c-h17">
<div class="comment-author vcard"><img alt="" src="http://www.gravatar.com/avatar/3b7553a35e713959e5076b69886e3186?s=50&amp;d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D50&amp;r=G&quot; class="photo avatar avatar-50 photo" width="50" height="50"> <span class="fn n">Paul</span></div>
<div class="comment-meta">Posted June 11, 2010 at 5:50 pm <span class="meta-sep">|</span> <a href="#comment-2" title="Permalink to this comment">Permalink</a> <span class="meta-sep">|</span> <span class="edit-link"><a class="comment-edit-link" href="http://www.nightofa1000thrills.com/chatter/wp-admin/comment.php?action=editcomment&amp;c=2&quot; title="Edit comment">Edit</a></span></div>
<p>test</p>

</li>

css: .comment-author vcard .fn n {color:red; }

I am looking to style the .fn n, but cant hook it
Ill be back tomorrow, if you guys need more- off to bed now.

Thanks
Paul

[cramdesign]

The first could be from not closing the div but I guess that is just how you posted it here. Could be an inheritance problem so the rest of the CSS would matter.

The second… You did not put the dot in front of the n declaration in the CSS and n does not cascade from fn, they are siblings. So just target n or fn and not .fn .n

I have not tested these but you can try.

[oikofugic]

@cramdesign
thank you very much
I didn’t realise it was two styles together, looking at it too long.
The unclosed div was as you thought just the way I posted.
It works now with.
css: .n

Solved Cheers

Paul

[cramdesign]

Awesome.

[Author]

Posts