[thelist] CSS to bold just the number on an <li>

Thu Oct 17 21:33:01 CDT 2002

>  Here's what I do.
>
>  li     { font-weight: bold }
>  p     { font-weight: normal }

good one, pandy

little did you realize that adrian would rather not use a list structure at
all, if he has to use paragraphs inside list items  ;o)

adrian, spans work just as nicely

in case you can use it, below is my test page

right now it's still set from the last time i played with it, for coloured
bullets, but you can use it for bold tests just as easily

rudy


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test lists</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
   body    { color: black;  background-color: white;  }
   ul      { color: red;    background-color: beige;  }
   li      { color: green;  background-color: pink;   }
   li p    { color: blue;   background-color: yellow; }
   li span { color: yellow; background-color: green;  }
</style>
</head>
<body>
<h1>test lists</h1>
<h2>unordered</h2>
<ul>
<li>foo</li>
<li>bar
    <ul>
    <li>foo 2</li>
    <li>bar 2
        <ul>
        <li>foo 3</li>
        <li>bar 3</li>
        </ul></li>
    </ul></li>
</ul>
<h2>ordered</h2>
<ol>
<li>foo</li>
<li>bar
    <ol>
    <li>foo 2</li>
    <li>bar 2
        <ol>
        <li>foo 3</li>
        <li>bar 3</li>
        </ol></li>
    </ol></li>
</ol>
<h2>list item paragraphs</h2>
<ul>
<li><p>foo</p></li>
<li><p>bar</p></li>
</ul>
<h2>list item spans</h2>
<ul>
<li><span>foo</span></li>
<li><span>bar</span></li>
</ul>
</body>
</html>

[thelist] CSS to bold *just* the number on an <li>

[thelist] CSS to bold just the number on an <li>