Hmm. Ill try that. Never noticed that in my day to day.
Thanks.
On Fri, Oct 14, 2016 at 12:54 AM Karl DeSaulniers <k...@designdrumm.com>
wrote:
> 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 <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/
