> 14 okt. 2016 kl. 06:54 skrev Karl DeSaulniers <k...@designdrumm.com>:
>
> The parser does care somewhat. Depends on the browser
> In my research I have found that they load aspects before dynamics.
>
> Loading the elements basic parameters first like color, background color then
> fonts, font size, line height then width, height and then margins, padding
> and then borders, transitions, shadows and then position, clip and display.
The ordering is only an indication of interpretation. It’s not proof. Certainly
not for the parser caring about order in the CSS source.
>
> I got this from the inspect element pane and how different browsers
> were ordering my css. If you have them out of order, safari would reorder
> them
> according to their spec and I had found that most other browsers treated this
> the same way and reordered them similarly.
>
> So it is a yes and no answer with a personal preference included.
> Try it for yourself. Put them in the order you want and see how Safari or
> chrome or firefox
> reorder them respectively.
>
> For example:
>
> div{
> width: 100%;
> margin: 10px 20px;
> padding: 0;
> position: relative;
> display: block;
> }
>
> Best,
>
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
>
>
>
>
>> On Oct 13, 2016, at 10:32 PM, Philippe Wittenbergh <e...@l-c-n.com> wrote:
>>
>>
>>> On Oct 14, 2016, at 12:13 PM, Tom Livingston <tom...@gmail.com> wrote:
>>>
>>> Curious. Does the order of declarations within a single rule matter?
>>> Not specificity between rules.
>>>
>>> For example:
>>>
>>> div{
>>> position: relative;
>>> display: block;
>>> width: 100%;
>>> margin: 10px 20px;
>>> padding: 0;
>>> }
>>>
>>> as opposed to:
>>>
>>> div{
>>> display: block;
>>> margin: 10px 20px;
>>> padding: 0;
>>> position: relative;
>>> width: 100%;
>>> }
>>>
>>> Make any difference?
>>
>> No. The CSS parser doesn’t care.
>>
>> For the human eye aka readability of a stylesheet, that is another matter.
>> Excellent fuel for violent flame wars.
>>
>> Philippe
>> --
>> Philippe Wittenbergh
>> http://l-c-n.com/
>>
>>
>>
>>
>>
>> ______________________________________________________________________
>> 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/
______________________________________________________________________
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/
