Possible to do submenu indicators with CSS?

If a menu has a dropdown suckerfish-style menu hiding in it, is there a way to automatically indicate that it does with an arrow or other pointer?

 

You could always just use plain-text: »

If you wish to use an image, setup a specific selector to add the arrow as the background:

.arrow { background: url([B][COLOR="Green"]images/arrow.gif[/COLOR][/B]) #FFF no-repeat center right; }

Code (markup):

 

But I mean automatically. If it has a submenu, display indicator, if not, then don't.

 

It'll basically be automatic when you setup a specific selector to indicate whether the menu has a submenu. I might not be understanding you entirely, though. In relation to "automatic", JavaScript sounds to be more of the path you'd want to take.

 

Well, I'm trying to use it with a content management system which will print the <ul> nav menu in between my divs, so I was wondering if there is a method in CSS to dynamically "know" whether the menu has subitems or not and add the indicator.

It seems like there should be a "reverse ancestor" selection capability. If an element is a child of such and such do this, but no way to say "if an element is a PARENT of such and such, do that?"