Forgive me if this is a dumb/newbie question, and it really relates
more to css than gwt, but if I have the following:

.gwt-TabPanelItem, .gwt-TabPanelItem-selected {
   font-weight: bold;
   text-align: center;
}

.gwt-TabPanelItem {
   background: url(...);
}

.gwt-TabPanelItem-selected {
  background: url(...);
}

I would expect the first block to cause the selectors gwt-TabPanelItem
and gwt-TabPanelItem-selected to share the font-weight and text-align,
but then the next two blocks cause them to have different background
images.  This doesn't seem to work.  Instead, it seems to ignore the
background properties for both.

If I dupe the code like this then it works:

.gwt-TabPanelItem {
   font-weight: bold;
   text-align: center;
   background: url(...);
}

.gwt-TabPanelItem-selected {
   font-weight: bold;
   text-align: center;
  background: url(...);
}

What am I missing?

Thanks in advance,
Davis
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to