list style in order by even/odd number

[bohinta]

I'm looking for the list <LI> style what change background-color in
condition of its number as even/odd type.

I think as
LI:list-number-status[even] { bla; }
LI:list-number-status[odd] { bla; }

What's the method to implement my idea?

[Evertjan.]

bohinta wrote on 23 sep 2003 in comp.infosystems.www.authoring.stylesheets:

I'm looking for the list <LI> style what change background-color in
condition of its number as even/odd type.

I think as
LI:list-number-status[even] { bla; }
LI:list-number-status[odd] { bla; }

What's the method to implement my idea?

<ul>
<li class=odd>
<li class=even>
<li class=odd>
<li class=odd value=23>depreciated!
<li class=even>
<li class=odd>
or a javascript method.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Christoph Paeper]

*bohinta* <va***@chol.com>:

I'm looking for the list <LI> style what change background-color in
condition of its number as even/odd type.

li:nth-child(odd) {background-color: bar}
li:nth-child(2n+1) {background-color: bar} /* same */
li:nth-child(even) {background-color: bar}
li:nth-child(2n) {background-color: bar} /* same */

That's CSS3: Selectors and thus probably nowhere implemented. Gecko has some
support for Selectors, but IIRC not for this part. For now one or two
classes is the best you can do.

--
"I didn't have the time to write a short letter, so I wrote a long one instead."
Mark Twain

[brucie]

In post <Xn*************************@216.168.3.30>
bohinta said...

I'm looking for the list <LI> style what change background-color in
condition of its number as even/odd type.

li,li+li+li,li+li+li+li+li,li+li+li+li+li+li+li,li +li+li+li+li+li+li+li+li{color:red;}
li+li,li+li+li+li,li+li+li+li+li+li,li+li+li+li+li +li+li+li,li+li+li+li+li+li+li+li+li+li{color:gree n;}

wow!

<ul>
<li>blah
<li>blah
<li>blah
<li>blah
<li>blah
<li>blah
<li>blah
<li>blah
<li>blah
<li>blah
</ul>

not supported by IE

--
23/September/2003 05:34:28 pm

[kayodeok]

brucie <br******@usenet.alt-html.org> wrote in
news:96***************@alt-html.org:

In post <Xn*************************@216.168.3.30>
bohinta said...

I'm looking for the list <LI> style what change
background-color in condition of its number as even/odd type.

li,li+li+li,li+li+li+li+li,li+li+li+li+li+li+li,li +li+li+li+li+li
+li+li+li{color:red;}
li+li,li+li+li+li,li+li+li+li+li+li,li+li+li+li+li +li+li+li,li+li
+li+li+li+li+li+li+li+li{color:green;}

wow!

<ul>
<li>blah
<li>blah
<li>blah
<li>blah
<li>blah
<li>blah
<li>blah
<li>blah
<li>blah
<li>blah
</ul>

not supported by IE

I like your approach, but is there a simpler way?

What happens if for example, you are styling a chapter in a bible
that runs between 30 to 50 verses?

I've always wanted to use alternate colors for each verse...but one
of the chapters run on to 176 verses!

At the moment, the html is

<ol>
<li id="b1c1v1"> (for book 1 chapter 1 verse 1)
<li id="b1c1v2"> (for book 2 chapter 1 verse 2)
<li id="bncnvn"> (for book n chapter n verse n)
</ol

I don't mind if not supported by IE

--
Kayode Okeyode
http://www.kayodeok.co.uk/weblog/

[brucie]

In post <Xn*************************@130.133.1.4>
kayodeok said...

What happens if for example, you are styling a chapter in a bible
that runs between 30 to 50 verses?

I've always wanted to use alternate colors for each verse...but one
of the chapters run on to 176 verses!

presumably you're sucking the text out of a database. use scripting to
add an odd/even class to the text as appropriate.

--
23/September/2003 06:32:14 pm

[kayodeok]

brucie <br******@usenet.alt-html.org> wrote in
news:1p****************@alt-html.org:

In post <Xn*************************@130.133.1.4>
kayodeok said...

What happens if for example, you are styling a chapter in a
bible that runs between 30 to 50 verses?

I've always wanted to use alternate colors for each verse...but
one of the chapters run on to 176 verses!

presumably you're sucking the text out of a database. use
scripting to add an odd/even class to the text as appropriate.

Actually, I found an out of copyright version at Project Gutenberg,
(http://www.gutenberg.org/) and cleaned it up using EditPlus' regex.

However, I will look into uploading into a database and using
scripting to manipulate it.

--
Kayode Okeyode
http://www.kayodeok.co.uk/weblog/