mozilla

Compare Revisions

Writing efficient CSS

Change Revisions

Revision 10741:

Revision 10741 by Neil on

Revision 10742:

Revision 10742 by berkerpeksag 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 10741
Revision 10742
nn38    <div style="width: 100%;">
38    <pre class="brush: css">39      <pre class="brush: css">
n41    <p>n
42      &nbsp;
43    </p>42    </div>
n57<code style="">button#backButton {…} /* This is an ID-categorizedn56<code style="">button#backButton {…} /* This is an ID-categorized
> rule */<br>#urlBar[type="autocomplete"] {…} /* This is an ID-cat> rule */
>egorized rule */<br>treeitem &gt; treerow &gt; treecell#myCell:ac 
>tive {…} /* This is an ID-categorized rule */ </code> 
57#urlBar[type="autocomplete"] {…} /* This is an ID-categorized rul
 >e */
58treeitem &gt; treerow &gt; treecell#myCell:active {…} /* This is 
 >an ID-categorized rule */ </code>
n59    <p>n
60      &nbsp;
61    </p>
n72<code style="">button.toolbarButton {…} /* A class-based rule */<n70<code style="">button.toolbarButton {…} /* A class-based rule */
>br>.fancyText {…}      /* A class-based rule */<br>menuitem &gt;  
>.menu-left[checked="true"] {…} /* A class-based rule */ </code> 
71.fancyText {…}  /* A class-based rule */
72menuitem &gt; .menu-left[checked="true"] {…} /* A class-based rul
 >e */ </code>
n74    <p>n
75      &nbsp;
76    </p>
n87<code style="">td {…} /* A tag-based rule */<br>treeitem &gt; tren84<code style="">td {…} /* A tag-based rule */
>erow {…} /* A tag-based rule */<br>input[type="checkbox"] {…} /*  
>A tag-based rule */ </code> 
85treeitem &gt; treerow {…} /* A tag-based rule */
86input[type="checkbox"] {…} /* A tag-based rule */ </code>
n89    <p>n
90      &nbsp;
91    </p>
n102<code style="">[hidden="true"] {…} /* A universal rule */  <br>* n98<code style="">[hidden="true"] {…} /* A universal rule */  
>{…}            /* A universal rule */<br>tree &gt; [collapsed="tr 
>ue"] {…} /* A universal rule */</code> 
99* {…}           /* A universal rule */
100tree &gt; [collapsed="true"] {…} /* A universal rule */</code>
t104    <p>t
105      &nbsp;
106    </p>

Back to History