A class is just a convenient way of targeting elements and/or their
children (and now next sibling, etc.). In your case, you would assign to
your element the class you would like to use:
<ol class="ol_href">
<li></li>
<li></li>
</ol>
And then your CSS, instead of selecting `ol`, you would use `.ol_href`:
.ol_href {
list-style-type: none;
counter-reset: section;
padding-left: 0;
}
.ol_href li:before {
counter-increment: section;
content: "[" counter(section) "] ";
padding-right: 1em;
}
This way only the lists that have the class `ol_href` will have properties
overridden.
For CSS basics, directly from WordPress, you can check out:
http://en.support.wordpress.com/custom-design/css-basics/
On Wed, Aug 14, 2013 at 2:10 AM, Teig, Oyvind CCS <
[email protected]> wrote:
> Thanks! I’ll have to test it this afternoon, as I’ll have to put it into
> my sub “style.css”. I tried it in the blog note, but Wordpress won’t see
> that code as markup, only text.****
>
> ** **
>
> However, I really want a separate class for it, that inherits from “ol”,
> it could be called “ol_ref” or something. Could you please hold my hand on
> this one, too?-)****
>
> ** **
>
> Øyvind****
>
> ** **
>
> *Fra:* Chris Rockwell [mailto:[email protected]]
> *Sendt:* 13. august 2013 16:05
> *Til:* Teig, Oyvind CCS
> *Kopi:* [email protected]
> *Emne:* [External] Re: [css-d] Ordered lists with numbers wrapped in '['
> and ']'****
>
> ** **
>
> Check out https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Counters*
> ***
>
> ** **
>
> Something like this:****
>
> ** **
>
> ol {****
>
> list-style-type: none;****
>
> counter-reset: section;****
>
> padding-left: 0;****
>
> }****
>
> li:before {****
>
> counter-increment: section;****
>
> content: "[" counter(section) "] ";****
>
> padding-right: 1em;****
>
> }****
>
> ** **
>
> On Tue, Aug 13, 2013 at 9:46 AM, Teig, Oyvind CCS <
> [email protected]> wrote:****
>
> I make "academic style" references that I would want to look like this:
>
> [1] Paper 1
> [2] Paper 2
>
> Here is an example, where I would like all numbers to be wrapped in [x]:
>
> http://www.teigfam.net/oyvind/home/technology/072-pike-sutter-concurrency-vs-concurrency/#References
>
> It's Wordpress.
>
> Med vennlig hilsen / Best regards
>
> Øyvind Teig
> Senior utviklingsingeniør, siv.ing. / Senior development engineer, M.Sc.
> __________________________________________
> Autronica Fire and Security AS
> UTC CCS EMEA Fire & Security Operations
> Phone: + 47 73 58 24 68 / Mobile +47 959 61 506
> E-mail: [email protected]<mailto:[email protected]>
> www.autronicafire.no<http://www.autronicafire.no>
> www.teigfam.net/oyvind/home/<http://www.teigfam.net/oyvind/home/> (also
> work-related)
>
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/****
>
>
>
> ****
>
> ** **
>
> --
> Chris Rockwell****
>
--
Chris Rockwell
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
