mozilla

Compare Revisions

Writing efficient CSS

Change Revisions

Revision 10737:

Revision 10737 by another_sam on

Revision 10738:

Revision 10738 by Rcampbell 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 10737
Revision 10738
n57<code style="">button#backButton {…} /* This is an ID-categorizedn57<code style="">button#backButton {…} /* This is an ID-categorized
> rule */  #urlBar[type="autocomplete"] {…} /* This is an ID-categ> rule */<br>#urlBar[type="autocomplete"] {…} /* This is an ID-cat
>orized rule */  treeitem &gt; treerow &gt; treecell#myCell:active>egorized rule */<br>treeitem &gt; treerow &gt; treecell#myCell:ac
> {…} /* This is an ID-categorized rule */ </code>>tive {…} /* This is an ID-categorized rule */ </code>
n72<code style="">button.toolbarButton {…}                         /n72<code style="">button.toolbarButton {…} /* A class-based rule */<
>* A class-based rule */  .fancyText {…}                          >br>.fancyText {…}      /* A class-based rule */<br>menuitem &gt; 
>              /* A class-based rule */  menuitem &gt; .menu-left[>.menu-left[checked="true"] {…} /* A class-based rule */ </code>
>checked="true"] {…}  /* A class-based rule */ </code> 
n87<code style="">td {…}                           /* A tag-based run87<code style="">td {…} /* A tag-based rule */<br>treeitem &gt; tre
>le */  treeitem &gt; treerow {…}               /* A tag-based rul>erow {…} /* A tag-based rule */<br>input[type="checkbox"] {…} /* 
>e */ input[type="checkbox"] {…}       /* A tag-based rule */ </co>A tag-based rule */ </code>
>de> 
t102<code style="">[hidden="true"] {…}                      /* A univt102<code style="">[hidden="true"] {…} /* A universal rule */  <br>
>ersal rule */  * {…}                                   /* A unive>{…}            /* A universal rule */<br>tree &gt; [collapsed="tr
>rsal rule */  tree &gt; [collapsed="true"] {…}                /* >ue"] {…} /* A universal rule */</code>
>A universal rule */</code> 

Back to History