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

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:


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)

Received on Monday, 30 March 2009 08:19:30 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:38:25 UTC