newbee question

[bastardx]

my cms genrate following piece of code

-----cut-----
<div class="poslist ff425e6bb6d73fa_poslist">
<div class="poslistitem tdc ff425e6bb6d73fa">
title
<input type="hidden" name="prFsc[ff425e6bb6d73fa]" value="title" >
</div>

<div class="poslistitem tdf ff425e6bb6d73fa">
<input type=text id="prFs_ff425e6bb6d73fa" name="prFs[ff425e6bb6d73fa]"
value="" class="FORM-string ff425e6bb6d73fa">
</div></div>
-----cut-----

why I cant apply this css to above divs

div.poslist div.poslistitem div.ff425e6bb6d73fa {
width:
color:
---etc----
}

but this works ok

div.poslist div.poslistitem {
width:
color:
---etc----
}

p.s I have lot of items in my forms I use random ways to describe each
element.

[Steve Pugh]

"bastardx" <ba******@S-P-A-Mop.pl> wrote:

<div class="poslist ff425e6bb6d73fa_poslist">
<div class="poslistitem tdc ff425e6bb6d73fa">
title
<input type="hidden" name="prFsc[ff425e6bb6d73fa]" value="title" >
</div>

<div class="poslistitem tdf ff425e6bb6d73fa">
<input type=text id="prFs_ff425e6bb6d73fa" name="prFs[ff425e6bb6d73fa]"
value="" class="FORM-string ff425e6bb6d73fa">
</div></div>

why I cant apply this css to above divs

div.poslist div.poslistitem div.ff425e6bb6d73fa {
Because you don't have a div with class of ff425e6bb6d73fa inside a
div with class of postlistitem.

Simplifying your code:
<div class="poslist ff425e6bb6d73fa_poslist">
<div class="poslistitem tdc ff425e6bb6d73fa"></div>
<div class="poslistitem tdf ff425e6bb6d73fa"></div>
</div>

See? You only two levels of divs, so any CSS selector for a third
level can not match.
but this works ok

div.poslist div.poslistitem {

Which correctly matches both inner divs.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[bastardx]

Because you don't have a div with class of ff425e6bb6d73fa inside a
div with class of postlistitem.

Simplifying your code:
<div class="poslist ff425e6bb6d73fa_poslist">
<div class="poslistitem tdc ff425e6bb6d73fa"></div>
<div class="poslistitem tdf ff425e6bb6d73fa"></div>
</div>

See? You only two levels of divs, so any CSS selector for a third
level can not match.

ok I undestand what you mean
so what about this

div.poslist div.poslistitem div.tdc div.ff425e6bb6d73fa {

}
it doesnt work under IE
is this correct?

[Steve Pugh]

"bastardx" <ba******@S-P-A-Mop.pl> wrote:

Steve Pugh <st***@pugh.net> wrote:

Because you don't have a div with class of ff425e6bb6d73fa inside a
div with class of postlistitem.

Simplifying your code:
<div class="poslist ff425e6bb6d73fa_poslist">
<div class="poslistitem tdc ff425e6bb6d73fa"></div>
<div class="poslistitem tdf ff425e6bb6d73fa"></div>
</div>

See? You only two levels of divs, so any CSS selector for a third
level can not match.
ok I undestand what you mean
so what about this

div.poslist div.poslistitem div.tdc div.ff425e6bb6d73fa {

}

What HTML are you using? That CSS will match
<div class="poslist">
<div class="poslistitem">
<div class="tdc">
<div class="ff425e6bb6d73fa">
... this div ...
</div>
</div>
</div>
</div>
it doesnt work under IE
is this correct?

Don't know. If your have HTML like that and if IE is not applying your
CSS then IE has gotten something wrong.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[bastardx]

What HTML are you using? That CSS will match
<div class="poslist">
<div class="poslistitem">
<div class="tdc">
<div class="ff425e6bb6d73fa">
... this div ...
</div>
</div>
</div>
</div>

it doesnt work under IE
is this correct?

Don't know. If your have HTML like that and if IE is not applying your
CSS then IE has gotten something wrong.

I think I understood my mistake
my html looks exacly like that
<div class="poslist ff425e6bb6d73fa_poslist">
<div class="poslistitem tdc ff425e6bb6d73fa"> SOME TEXT </div>
<div class="poslistitem tdf ff425e6bb6d73fa"></div>
</div>
and i thought that I can apply my css to "SOME TEXT" like that:
div.poslist div.poslistitem div.tdc div.ff425e6bb6d73fa {
font-size:12px;
}

[Steve Pugh]

"bastardx" <ba******@S-P-A-Mop.pl> wrote:

I think I understood my mistake
my html looks exacly like that <div class="poslist ff425e6bb6d73fa_poslist">
<div class="poslistitem tdc ff425e6bb6d73fa"> SOME TEXT </div>
<div class="poslistitem tdf ff425e6bb6d73fa"></div>
</div> and i thought that I can apply my css to "SOME TEXT" like that:
div.poslist div.poslistitem div.tdc div.ff425e6bb6d73fa {
font-size:12px;
}

div.poslistitem.tdc.ff425e6bb6d73fa { }
will select the SOME TEXT div and the following div (as they have
identical classes).

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[Johannes Koch]

Steve Pugh wrote:

"bastardx" <ba******@S-P-A-Mop.pl> wrote:

<div class="poslistitem tdc ff425e6bb6d73fa"> SOME TEXT </div>
<div class="poslistitem tdf ff425e6bb6d73fa"></div>

div.poslistitem.tdc.ff425e6bb6d73fa { }
will select the SOME TEXT div and the following div (as they have
identical classes).

Nope. One has class "tdc" and the other "tdf".
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

[Steve Pugh]

Johannes Koch <ko**@w3development.de> wrote:

Steve Pugh wrote:

"bastardx" <ba******@S-P-A-Mop.pl> wrote:

<div class="poslistitem tdc ff425e6bb6d73fa"> SOME TEXT </div>
<div class="poslistitem tdf ff425e6bb6d73fa"></div>

div.poslistitem.tdc.ff425e6bb6d73fa { }
will select the SOME TEXT div and the following div (as they have
identical classes).

Nope. One has class "tdc" and the other "tdf".

So they do.

(This should serve as an example of why meaningful class names are
more useful...)

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>