as3 htmltext和css类

Question

我似乎无法让css类工作。

我有一个h1样式和一个类来设置

.right {
    text-align:right;
}
.left {
    text-align:left;
}
.center {
    text-align:center;
}
.justify {
    text-align:justify;
}
h1{
    font-size:68;
}

和一个简单的html代码

<h1 class="left">left</h1>
<h1 class="center">center</h1>
<div class="right"><h1>right</h1></div>

但是，类选择器似乎没有做任何事情，我缺少了什么吗?或者这是不可能的，还是让它工作起来的一个诡计？

我的测试代码：

var $style:StyleSheet = new StyleSheet();
$style.parseCSS(".right {text-align:right;}.left {text-align:left;}.center {text-align:center;}.justify {text-align:justify;}h1{font-size:20}");

var $tf:TextField = new TextField;
$tf.styleSheet = $style;
$tf.border = true;
$tf.width = 600;
$tf.height = 600;
$tf.htmlText = '<h1 class="left">left</h1><h1 class="center">center</h1><div class="right"><h1>right</h1></div>';
addChild($tf)

Answer 1

AS3对HTML的支持非常有限，通过将h1标记包装在p标记中，我能够让您的示例工作，并且还必须将textfield设置为多行：

var $style:StyleSheet = new StyleSheet();
$style.parseCSS(".right {text-align:right;}.left {text-align:left;}.center {text-align:center;}.justify {text-align:justify;}h1{font-size:20}");

var $tf:TextField = new TextField;
$tf.styleSheet = $style;
$tf.border = true;
$tf.width = 600;
$tf.height = 600;
$tf.multiline = true;

$tf.htmlText = '<p class="left"><h1>left</h1></p><p class="center"><h1>center</h1></p><p class="right"><h1>right</h1></p>';
addChild($tf)