mozilla

Compare Revisions

Writing efficient CSS

Change Revisions

Revision 10732:

Revision 10732 by Zearin on

Revision 10733:

Revision 10733 by Zearin on

Title:
Writing efficient CSS
Writing efficient CSS
Slug:
CSS/Writing_Efficient_CSS
CSS/Writing_Efficient_CSS
Tags:
css, XUL, "Best practices"
css, XUL, "Best practices"
Content:

Revision 10732
Revision 10733
n104      If you have a style rule that has an ID selector as its keyn104      If you have a style rule that has an ID selector as its key
> selector, don't bother also adding the tag name to the rule. IDs> selector, don't bother also adding the tag name to the rule. IDs
> are unique, so you're slowing down the matching for no real reas> are unique, so you’re slowing down the matching for no real reas
>on. (An exception to this would be when you wish to change the cl>on. (An exception to this would be when you wish to change the cl
>ass of an element dynamically in order to apply different styles >ass of an element dynamically in order to apply different styles 
>to the element under different situations, but where you also wis>to the element under different situations, but where you also wis
>h to share the same class with other elements.)>h to share the same class with other elements.)
105    </p>
106    <dl>105    </p>
106    <dl style="margin: 1em 12.5%">
n138    <dl>n138    <dl style="margin: 1em 12.5%">
n164    <dl>n164    <dl style="margin: 1em 12.5%">
n182      The descendant selector is the most expensive selector in Cn182      The descendant selector is the most expensive selector in C
>SS. It is dreadfully expensive, especially if a rule using the se>SS. It is dreadfully expensive, especially if a rule using the se
>lector is in the tag or universal category. Frequently what is re>lector is in the tag or universal category. Frequently what is re
>ally desired is the child selector. The use of the descendant sel>ally desired is the child selector. The use of the descendant sel
>ector is banned in UI CSS without the explicit approval of your s>ector is banned in UI CSS without the explicit approval of your s
>kin's module owner.>kin’s module owner.
183    </p>
184    <dl>183    </p>
184    <dl style="margin: 1em 12.5%">
n204    <dl>n204    <dl style="margin: 1em 12.5%">
n224    <dl>n224    <dl style="margin: 1em 12.5%">
n235    <dl>n235    <dl style="margin: 1em 12.5%">
t249    <dl>t249    <dl style="margin: 1em 12.5%">

Back to History