Note that there are some explanatory texts on larger screens.

plurals
  1. POSimple CSS Question
    primarykey
    data
    text
    <p><strong>Here's the CSS</strong></p> <pre><code>.box { background-color: #CCCCCC; } .box-title { font-size: small; font-weight: bold; color: #000000; background-image: url(/icons/bg.png); background-repeat: repeat-x; } .box-content-container { background-color: #FFFFFF; } a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000; } a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000; } a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #000000; } a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000; } a.tag18:link { font-family: Arial, Helvetica, sans-serif; font-size: 18px; } a.tag18:hover { font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: underline; } a.tag18:visited { font-family: Arial, Helvetica, sans-serif; font-size: 18px; } a.tag18:active { font-family: Arial, Helvetica, sans-serif; font-size: 18px; } </code></pre> <p><strong>And the HTML</strong></p> <pre><code>&lt;table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" class="box"&gt; &lt;tr&gt; &lt;th class="box-title-header" scope="col"&gt;Categories &lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="box-content-container"&gt; &lt;div align="center"&gt; &lt;a class="tag18" href="http://www.site.com"&gt;Category 1&lt;/a&gt; &lt;/div&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>Q. Why does the font size not appear as 18px high, as defined in the CSS?</p> <p><strong>EDIT:</strong> </p> <p><strong>I'd like to create one CSS style for most hyperlinks. I believe this is achieved with a:link</strong></p> <p><strong>For additional styles you can create .style1 ...</strong></p> <p><strong>Question</strong> <br /> Can a:link exist with a:style1? It seems a:link overrides the style.</p> <p><strong>Answer</strong> <br /> a:link overrides any a.pseudo-class. For multiple styles use a:link, then additional hyperlink styles require ' .classname a:link ' This can be achieved in HTML with [ span class = 'classname' ] .</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload