Re: "::inside" Pseudo-Element

> 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 UTC