[css-d] before & after

2015-01-02 Thread Crest Christopher
I forgot to add one background image to my div. I want to add an image before the ::after pseudo-code, not sure if I have things in the right order ? #inner {position:relative;} #inner::after {content:"";background-image:url("/bg_learntut.gif");opacity:0.04;background-repeat:repeat;z-ind

Re: [css-d] Odd rule bug or am I just doing something wrong?

2015-01-02 Thread Tom Livingston
> > > > The second rule has no effect, since the selector in it matches no > elements. The reason is that :first-of-type only matches an element that > is a first child of its parent. Nothing else in a selector can change > this. When you additionally use a class selector like .two, it simply > imp

Re: [css-d] Odd rule bug or am I just doing something wrong?

2015-01-02 Thread Jukka K. Korpela
2015-01-02, 18:56, Tom Livingston wrote: [...] and these styles: .foo .main .constrained:first-of-type{padding-bottom:0;} .foo .main .two:first-of-type{padding-top:0;} [...] I believe I've seen the error of my ways. Wasn't aware :first-of-type doesn't take applied classes into account

Re: [css-d] Odd rule bug or am I just doing something wrong?

2015-01-02 Thread Tom Livingston
On Fri Jan 02 2015 at 11:32:20 AM Tom Livingston wrote: > I have the following structure: > > > > > > > > > > > > and these styles: > .foo .main .constrained:first-of-type{padding-bottom:0;} > .foo .main .two:first-of-type{padding-top:0;} > > the second rule doesn't work. Doesn't even sh

Re: [css-d] Control of Column Height

2015-01-02 Thread Tom Livingston
On Fri Jan 02 2015 at 12:15:34 AM Chick Newman wrote: > I have a page (not yet online) that has two columns; the one on the left > is a navigation column...lots of links. The column to the right contains > changing content (dynamically changing). Sometimes the content in the > second column takes

[css-d] Odd rule bug or am I just doing something wrong?

2015-01-02 Thread Tom Livingston
I have the following structure: and these styles: .foo .main .constrained:first-of-type{padding-bottom:0;} .foo .main .two:first-of-type{padding-top:0;} the second rule doesn't work. Doesn't even show in the Chrome inspector. Not even as being over-written by something. However, this ru