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/

Reply via email to