mozilla

Compare Revisions

Common CSS questions

Change Revisions

Revision 55099:

Revision 55099 by DBaron on

Revision 55100:

Revision 55100 by Danielwang on

Title:
Common CSS questions
Common CSS questions
Slug:
CSS/Common_CSS_Questions
CSS/Common_CSS_Questions
Tags:
css, NeedsTechnicalReview, NeedsHelp, NeedsEditorialReview, "MDC Project"
css, NeedsTechnicalReview, NeedsHelp, NeedsEditorialReview, "MDC Project"
Content:

Revision 55099
Revision 55100
n87.firstclass { background: black; color: white; }n87.news { background: black; color: white; }
88.secondclass { font-weight: bold; }88.today { font-weight: bold; }
n91<div class="firstclass secondclass">n91<div class="news today">
92... content ...92... content of today's news ...
93... content ...
94... content ...
n131#section { font-weight: bold; }n129.news { color: black; }
132.redtext { font-weight: normal; color: red; }130.corpName { font-weight: bold; color: red; }
n134<div id="section">n132<!-- news item text is black, but corporate name is red and in
 > bold -->
135   This is bold, 133<div class="news">
136   <span class="redtext"> this is normal and red,</span&134   (Reuters) <span class="corpName">General Electric</sp
>gt;>an> (GE.NYS) announced on Thursday...
137   and bold again
n150#section { font-weight: bold; }n147#stockTicker { font-weight: bold; }
151.redtext { color: red; }148.stockSymbol { color: red; }
n155.redtext { font-weight: normal; }n152.stockSymbol { font-weight: normal; }
n157<div id="section">n154<!-- most text is in bold, except "GE", which is red and not b
 >old -->
158   This is bold, 155<div id="stockTicker">
159   <span class="redtext"> this is normal and red,</span&156   NYS: <span class="stockSymbol">GE</span> +1.0 ...
>gt; 
160   and bold again
n167      <br>n
n174#section { font-size: 12px; font-family: Verdana; font-weight: bon169#stockTicker { font-size: 12px; font-family: Verdana; font-weight
>ld; }>: bold; }
175.redtext { font: 14px Arial; color: red; }170.stockSymbol { font: 14px Arial; color: red; }
n177&lt;div id="section"&gt;n172&lt;div id="stockTicker"&gt;
178   This is bold 12px Verdana, 173   NYS: &lt;span class="stockSymbol"&gt;GE&lt;/span&gt; +1.0 ...
179   &lt;span class="redtext"&gt;this is normal 14px Arial and red,
>&lt;/span&gt; 
180   and bold 12px Verdana again
n187#section {n180#stockTicker {
n201#section { font: 12px Verdana; }n194#stockTicker { font: 12px Verdana; }
202.boldtext { font-weight: bold; }195.corpName { font-weight: bold; }
203.redtext { color: red; }196.stockUp { color: red; }
n206   This is normal,n199   NYS: &lt;span class="corpName"&gt;&lt;span class="stockUp"&gt;
 >GE&lt;/span&gt;&lt;/span&gt; +1.0 ...
207   &lt;span class="boldtext"&gt;
208      &lt;span class="redtext"&gt; this is normal and red,&lt;/sp
>an&gt; 
209   &lt;/span&gt;
210   and normal again
t217      <br>t

Back to History