To target div.album_box when it is the first child element of its parent:

div.album_box:first-child
{
 visibility:hidden;
}

For this to work the markup should be something like this:

<div class="parent">
    <div class="album_box">this is the first-child of parent, it will
be hidden</div>
    <div class="album_box"></div>
    <div class="album_box"></div>
</div>

~C

On Thu, Dec 2, 2010 at 4:40 PM, Chetan Crasta <chetancra...@gmail.com> wrote:
> There were some mistakes in the selectors, my fault for not testing them 
> first!
>
> Anyway, this will work:
>
> div.album_box > a[href$="gallery/sandbox-3228"] ,
> div.album_box > a[href$="gallery/sandbox-3228"] + div.album_title ,
> div.album_box > a[href$="gallery/sandbox-3228"] + div.album_title +
> div.album_description ,
> div.album_box > a[href$="gallery/sandbox-3228"] + div.album_title +
> div.album_description + div
> {
>  visibility:hidden;
> }
>
> You can see this at work here: http://roughtech.com/t/test.html
>
> Cheers,
> Chetan
>
> On Thu, Dec 2, 2010 at 4:21 PM, Philip Taylor (Webmaster, Ret'd)
> <p.tay...@rhul.ac.uk> wrote:
>> Nope, had no perceivable effect in my browser (Seamonkey 2.0.10).
>>
>> I wonder if there is some way of getting at the first DIV following
>> a given sequence ?  At the moment, the last few lines leading up
>> to the previously cited block of code read :
>>
>>    <div class="content">
>>      <div class="cartbutton"><a
>> href="http://www.photos.for-charity.org.uk/shopping-cart";
>> class="cartbtn">View Shopping Cart</a></div>
>>      <div style="clear:both;"></div>
>>      <h1 class="pagetitle">Galleries</h1>
>>      <div style="clear:both;"></div>
>>
>>      <div style="padding:5px;"><div style="width: 100%;text-align:center;
>> padding-bottom:10px"><strong class="grey_text">First</strong> &middot;
>> <strong class="grey_text">Prev</strong> |  <strong
>> class="grey_text">1</strong> | <strong class="grey_text">Next</strong>
>> &middot; <strong class="grey_text">Last</strong></div></div>
>>                <div class="album_box">
>>
>> Now is there any way of styling that first div.album_box, do you
>> think ?  I could juggle the order of the galleries to make Sandbox
>> the first ...
>>
>> ** Phil.
>> --------
>> Chetan Crasta wrote:
>>>
>>> Looks like absolute urls are blocked. Try this:
>>>
>>> div.album_box>
>>> a[href$="gallery/sandbox-3228"] ,
>>> div.album_box>
>>> a[href$="gallery/sandbox-3228"] +
>>> div.album_title ,
>>> div.album_box>
>>> a[href$="gallery/sandbox-3228"] +
>>> div.album_description ,
>>> div.album_box>
>>> a[href$="gallery/sandbox-3228"] +
>>> div.clear_both
>>> {
>>>  visibility:none;
>>> }
>>
>
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to