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.
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 <[email protected]> wrote:
>
>
>> On Oct 14, 2016, at 12:13 PM, Tom Livingston <[email protected]> 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 [[email protected]]
> 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 [[email protected]]
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/
