css - as3 htmltext 和 css 类

Question

我似乎无法让 css 类工作

我有一个 h1 样式和一个设置 justify 属性的类

.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 标签中来让您的示例正常工作；我还必须将文本字段设置为多行:

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)