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

Re: Select elements based on text content

From: Nikita Popov <privat@ni-po.com>
Date: Mon, 29 Mar 2010 18:37:01 +0200
Message-ID: <4BB0D72D.6080900@ni-po.com>
To: David Chambers <david.chambers.05@gmail.com>
CC: www-style@w3.org
On 29.03.2010 13:33, David Chambers wrote:
> I've done some Google searches to find out whether this has been 
> discussed in the past, and failed to find anything. It's quite 
> possible, though, that I don't know the appropriate keywords.
>
> Here's an example:
>
> <tr>
> <th>Chrome</th>
> <th>Firefox</th>
> <th>Internet Explorer</th>
> <th>Safari</th>
> </tr>
> <tr>
> <td>Yes</td>
> <td>Yes</td>
> <td>No</td>
> <td>Yes</td>
> </tr>
>
> To apply styling to the noes, one could do the following:
>
> td.unsupported { font-weight: bold; color: red; } /* <td 
> class="unsupported">No</td> */
>
> Alternatively:
>
> td[rel="unsupported"] { font-weight: bold; color: red; } /* <td 
> rel="unsupported">No</td> */
>
> Does CSS3 include a selector which matches elements based on their 
> text content? It would be fantastic, in this example, to be able to 
> select all td elements whose text content is "No".
>
> David
There were some discussions about a ::text pseudo-class. Starts 
somewhere here: 
<http://lists.w3.org/Archives/Public/www-style/2010Jan/0017.html>
Received on Monday, 29 March 2010 16:37:30 GMT

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