I've had mixed results with CSS inheritence (seems like sometimes IE
just doesn't listen...)
So here's the idea -
Say I have three CSS classes,
.test1 {
border:1px solid red;
}
.test2 {
background-color:blue;
}
.test1 .test2 {
font-size:16pt;
}
and the following html:
<span class="test1">test1</span>
<span class="test2">test2</span>
<span class="test1"><span class="test2">test3</span></span>
then I would expect the following:
test1 will have a red border as it inherits the class ".test1"
test2 will have a blue background as it inherits the class ".test2"
test3 will have a red border, a blue background, AND MOST IMPORTANTLY,
font size 16pt as it inherits the class ".test1 .test2"
(note the missing comma in .test1 .test2! its intentionally gone!)
-lukehashj
On Mar 20, 12:09 pm, ProtoLD <protosh...@gmail.com> wrote:
> All the other CSS styles are easily applied after setting a style name
> to the tab bar and addressing them as follows:
>
> .customizedStyleName .tabTopCenter {
> background-image: url('images/centerTopImage.gif');
>
> }
>
> but this doesn't appear to work for the two corners, the base GWT
> overrides my CSS. The CSS for the right corner looks like this:
>
> html > body .gwt-DecoratedTabBar .tabTopRight {
>
> when inspecting it in Firebug (yah Firefox). Can anyone tell me how
> to override this?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---
