W3C home > Mailing lists > Public > www-style@w3.org > September 2002

Re: CSS3 and Selectors

From: Ian Hickson <ian@hixie.ch>
Date: Sat, 7 Sep 2002 08:56:08 +0000 (GMT)
To: Adam van den Hoven <list@adamvandenhoven.com>
Cc: W3C Style <www-style@w3.org>
Message-ID: <Pine.LNX.4.21.0209070850190.21988-100000@dhalsim.dreamhost.com>

On Fri, 6 Sep 2002, Adam van den Hoven wrote:
> 
> <a href="#"><span class="text">This is a link</span><img src="/img/thisisalink.gif" alt="This is a link" /></a>

That is pointless. The whole point of the alt="" attribute is to include
this alternate text. You don't need to explicitly mention this in the
stylesheet, either.


> This works fine. However, either way, I'm including information that
> is not strictly meaningful. The <span class="text"> conveys no
> additional information.

That is correct.


> What I would like to be able to do is something like:
> 
> @media screen{
>  a::text{display:none;}
>  a {height:20px; width:200px; background-image:url(/img/thisisalink.gif);
> }
> 
> @media tty,audio{
>  a::text{display:inline;}
> }
> 
> <a href="#">This is a link</a>
> 
> It seems (to me) to be a whole lot cleaner since I don't need to add
> extra markup.

You can make the font-size be 0, which will have that effect.

In CSS3 you will be able to directly change the content of an element,
using the 'content' property, as in:

   @media screen {
      a { content: url(/img/thisisalink); height: 2em; width: 20em; }
   }

HTH,
-- 
Ian Hickson                                      )\._.,--....,'``.    fL
"meow"                                          /,   _.. \   _\  ;`._ ,.
http://index.hixie.ch/                         `._.-(,_..'--(,_..'`-.;.'
Received on Saturday, 7 September 2002 04:56:10 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:16 GMT