This is a great clarification and something that would've stumped me
completely if ever encountered.

Thanks,

Mike

-----Original Message-----
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Chris Rockwell
Sent: Tuesday, October 01, 2013 12:01 PM
To: Greg Gamble
Cc: CSS-D
Subject: Re: [css-d] Two classes, two conflicting rules, which wins ?

Greg - I can see how you might think that, but you are thinking along the
lines of directly mapping the class to the declaration (e.g. <div class="c1
c2"> === <div style="width:20em;width30em">) which is not the case.  The
engine decides which style to map based on the cascading order, and only
those styles are applied.  I hope that helps and I haven't confused things
more.


On Tue, Oct 1, 2013 at 2:54 PM, Greg Gamble <ggam...@sbctc.edu> wrote:

> Wouldn't the first div width = 30em, and the second div width =  20em?
>
> <DIV id="i1" class="c1 c2">...</DIV> C2 overrides C1
>
> <DIV id="i2" class="c2 c1">...</DIV> C1 overrides C2
>
>
> Greg Gamble
> SBCTC - Olympia | Information Services
>
>
> -----Original Message-----
> From: css-d-boun...@lists.css-discuss.org [mailto:
> css-d-boun...@lists.css-discuss.org] On Behalf Of Chris Rockwell
> Sent: Tuesday, October 01, 2013 11:46 AM
> To: Philip Taylor
> Cc: CSS-D
> Subject: Re: [css-d] Two classes, two conflicting rules, which wins ?
>
> How you assign them in the class attribute has no bearing.
>
>
> On Tue, Oct 1, 2013 at 2:45 PM, Chris Rockwell 
> <ch...@chrisrockwell.com
> >wrote:
>
> > http://www.w3.org/TR/CSS2/cascade.html#cascading-order
> >
> > In your example, width is 30em;
> >
> >
> > On Tue, Oct 1, 2013 at 2:40 PM, Philip Taylor <p.tay...@rhul.ac.uk>
> wrote:
> >
> >> Consider :
> >>
> >>         .c1 {width: 20em}
> >>         .c2 {width: 30em}
> >>
> >>         <DIV id="i1" class="c1 c2">...</DIV>
> >>         <DIV id="i2" class="c2 c1">...</DIV>
> >>
> >> What widths do i1 and i2 have, and why ?  Answers by reference to 
> >> the relevant W3C specification(s), please, not by experiment or 
> >> guesswork !
> >>
> >> Philip Taylor
> >>
> >>
> >> ___________________________________________________________________
> >> __ _ css-discuss [css-d@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/
> >>
> >
> >
> >
> > --
> > Chris Rockwell
> >
>
>
>
> --
> Chris Rockwell
> ______________________________________________________________________
> css-discuss [css-d@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/
> ______________________________________________________________________
> css-discuss [css-d@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/
>



--
Chris Rockwell
______________________________________________________________________
css-discuss [css-d@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/

______________________________________________________________________
css-discuss [css-d@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