Css 为什么'；设置标签样式是否有效？

我想更改标签中的字体大小和重量。我确实在堆栈溢出上找到了以下内容：

然而，它似乎并没有完全回答这个问题，或者有些东西我没有得到

考虑以下代码：

package com.mycompany.project.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Label;

/**
 * Entry point classes define <code>onModuleLoad()</code>.
 */
public class StyleTest implements EntryPoint
{
    private final Label lblATestLabel = new Label( "A Test Label" );

    public void onModuleLoad()
    {
        RootPanel rootPanel = RootPanel.get();
        lblATestLabel.setStyleName( "gwt-Label.TestStyle" );

        rootPanel.add( lblATestLabel, 204, 187 );
        lblATestLabel.setSize( "73px", "32px" );

        HTML hlabel = new HTML();
        hlabel.setStyleName("gwt-Label.TestStyle");
        hlabel.setHTML("Brown <span class=\"brown\">fox</span>");

        rootPanel.add(hlabel, 42, 36);
        hlabel.setSize("335px", "41px");
    }
}

这个样式位于StyleTest.css的底部：

.gwt-Label.TestStyle {
    color: Green;
    vertical-align: middle;
}

---

我的期望是，我的文本将垂直居中，并呈绿色。结果根本没有改变。我可以设置我想要的任何样式，并且标签或HTML标签都没有更改。这一切看起来都很正常，我做错了什么？

setStyleName

设置小部件元素的

class

属性（实际上是

className

属性，但这是等效的）；因此

lblATestLabel.setStyleName（“gwt Label.TestStyle”）

相当于在HTML中有一个

，这是一个元素，只有一个类

gwt Label.TestStyle

（

class=”“

用空格分隔）

另一方面，

.gwt Label.TestStyle

作为CSS样式表中的选择器，将匹配具有

gwt Label

和

TestStyle

类的任何元素；这将是一个元素，例如

（请记住：

class=”“

是以空格分隔的）

---

因此，根据需要，修复选择器（

.gwt Label\.TestStyle

，可能无法在所有浏览器中工作），重命名类（例如

gwt Label TestStyle

）或将类添加到现有（对于

标签

小部件）

gwt Label

一个（

lblATestLabel.addStyleName（“TestStyle”）

）

setStyleName

设置小部件元素的

class

属性（实际上是

className

属性，但这是等效的）；因此

lblATestLabel.setStyleName（“gwt Label.TestStyle”）

相当于在HTML中有一个

，这是一个元素，只有一个类

gwt Label.TestStyle

（

class=”“

用空格分隔）

另一方面，

.gwt Label.TestStyle

作为CSS样式表中的选择器，将匹配具有

gwt Label

和

TestStyle

类的任何元素；这将是一个元素，例如

（请记住：

class=”“

是以空格分隔的）

因此，根据需要，修复选择器（

.gwt Label\.TestStyle

，可能无法在所有浏览器中工作），重命名类（例如

gwt Label TestStyle

）或将类添加到现有（对于

标签

小部件）

gwt Label

一个（

lblATestLabel.addStyleName（“TestStyle”）

）