ansaurus

Question

Ordered numbers bold without adding more tags

Answer 1

+2 A:

You can't bold just the list item.

Blair McMillan 2010-08-07 18:55:25

Answer 2

+3 A:

Assuming your sample list is an ol list, the following will do the trick.

    <html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js" />
        <script type="text/javascript">
            $(document).ready(function () {
                $("ol li").each(function (index) {
                    $(this).wrapInner("<span />");
                });
                $("ol").css("font-weight", "bold");
                $("ol li span").css("font-weight", "normal");
            }
            );
        </script>
    </head>
    <body>
        <ol>
            <li>first element</li>
            <li>secondelement</li>
            <li>thirdelement</li>
        </ol>
    </body>
</html>

Mikael Svenson 2010-08-07 19:13:38

That is a beauty my friend! Much appreciated. Bugar och bockar!

Hakan Wergeni 2010-08-13 19:19:16

Answer 3

+1 A:

I don't think you can do it without some extra tags, but it's not too bad:

li { font-weight:bold;  }
.text { font-weight:normal !important; }


<ol>
  <li><span class="text">first element</span></li>
  <li><span class="text">secondelement<span class="text"></li>
  <li><span class="text">thirdelement<span class="text"></li>
</ol>

Ray 2010-08-07 19:13:57

ansaurus

tags:

views:

answers:

Ordered numbers bold without adding more tags

related questions