W3C home > Mailing lists > Public > www-style@w3.org > March 2009

Selecting an element combining nth-of-type() and a class/ID

From: Charles <landemaine@gmail.com>
Date: Mon, 30 Mar 2009 10:18:30 +0200
Message-ID: <e6575a30903300118u2c6b316ao34260b14a2d678c9@mail.gmail.com>
To: www-style@w3.org
Hello,

We should be able to select an element combining nth-of-type() and a class/ID.
See: http://www.adsweep.org/nth-of-type-class-id.html
If I try for instance li.new:nth-of-type(2), it doesn't select the
second list item *among* those that have a "new" class. You can only
select the second list of the <ul> item *if* at the same time it has a
"new" class.
The only way that I know, to first select list items with a "new"
class, and then, among them, select the second item, is this:

li:not([class="new"])+li.new+li.new

It is too cumbersome. We need an easier solution. Imagine if we had
several classes in this unordered list, and also if we had to select
the 5th list item...The code would be huge. We need a solution.
(I need this code in an ad-removal tool that injects CSS into pages to
hide specific elements of the pages)
Thanks,

Charles.
Received on Monday, 30 March 2009 08:19:30 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:17 GMT