> > I can't seem to figure out how to leave out any images in a pseudo
> element
> > selector for off-site links. The following blocks the domains fine and
> > attaches to all other outside links (except IE), but sometimes images are
> > linked and need to be excluded.
> >
> > a:not([href^="XXXX.com"]):not([href^="xxxx.com"]):after {
> content:"\279F"; }
>
On Mon, May 10, 2010 at 5:33 PM, Philippe Wittenbergh <e...@l-c-n.com>wrote:
>
> If I understand correctly, you want those 'external' links to display a
> right-pointing arrow next to the linked text, but those external links that
> contain an image should not have that arrow. Correct ?
> (as always, linking to a minimal test case makes things much easier to
> understand…).
>
> > Have tried things like:
> >
> > a:after img { content:none !important; }
> >
> > .. obviously wrong syntax. Any suggestions?
> Obviously, that won't work, given the syntax above. The generated content
> is applied to the link, not the image, child of that link.
> And also note the last paragraph under CSS 2.1:12.1 regarding replace
> elements
> http://www.w3.org/TR/CSS21/generate.html#before-after-content
>
> What you'll need to do is append a class to those links that contain an
> image, then write you selector thusly:
> a:not([href^="XXXX.com"]):not([href^="xxxx.com"]):not([class="image-in-link"]):after
> { content:"\279F"; }
>
> <a href="abcd.com" class="image-in-link"><img src="my-image.png
> alt=""></a>
>
> CSS has no provisions, to date, to do reverse lookup, of the type
> a:contains(img) or the like. There have been various proposals to the css-wg
> but none worked out so far
>
>
Thank you - I knew I had it crooked, though I was hoping to apply without
back adding a class (existing content).
Really appreciate this, it works correctly.
Susan
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
