W3C home > Mailing lists > Public > www-style@w3.org > January 2006

Re: "::inside" Pseudo-Element

From: HeroreV <herorev@yahoo.com>
Date: Mon, 2 Jan 2006 20:13:04 -0800 (PST)
Message-ID: <20060103041305.84874.qmail@web50108.mail.yahoo.com>
To: www-style@w3.org

> However, there're cases where you really
> wanted to have ::inside pseudo-element.
> And that's for cases where the backwards 
> compatible styles go to the "real" element.

There's also the case where the real element has
styling already applied to it. If you want to use an
::outside psuedo element, you have to remove the
original styling from the real element and set it on
the ::outside psuedo element.

p {
 border: thin solid blue;
 background-image: url(stripes.png);
}
p.special {
  border: none;
  background-image: none;
}
p.special::outside {
  border: thin solid blue;
  background-image: url(stripes.png);
}

<::outside>
  <p class="special">
    <child/>
    <child/>
    ...
    <child/>
  </p>
</::outside>

-OR-

p {
  border: thin solid blue;
  background-image: url(stripes.png);
}
p.special::inside { ... }

<p class="special">
  <::inside>
    <child/>
    <child/>
    ...
    <child/>
  </::inside>
</p>

In many cases where you want to use an ::outside
psuedo element, the real element will already have
styling on it that will have to be removed and reset
on the psuedo element. In those cases, an ::inside
psuedo element would be much easier to use and would
make much more sense.


		
__________________________________________ 
Yahoo! DSL – Something to write home about. 
Just $16.99/mo. or less. 
dsl.yahoo.com 
Received on Tuesday, 3 January 2006 04:13:07 GMT

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