如何在Dart Web UI模板中设置元素的样式？

假设我有一个自定义组件

...

其中引用的样式表有一个条目

ul.foo{
列表样式类型：无；
}

---

问题是我无法获得适用于ul的样式。除非我在ul元素本身上添加style属性，否则我尝试的任何东西都不起作用。我试着用scoped属性将其放在下面，但这也不起作用。ul的班级变成了“elem_-foo”，这是一件很奇怪的事情。

谢谢你的提问！我是这样做的：

在我的主HTML中：

在我的自定义元素中：

单击我

（单击计数：{{count}}）
div[is=x点击计数器]跨度{
颜色：红色；
}

这里发生了两件事

1） 我使用

的形式，而不是

。我喜欢第一个表单更向后兼容，并且它更明确地显示了我将如何找到元素

2） 我在我的

标签里放了一个

WebUI将看到范围样式标记，并为您生成一个CSS文件。看起来是这样的：

/*由组件样式标记自动生成*/
/*不要编辑*/
/* ==================================================== 
组件x单击计数器样式表
==================================================== */
div[is=x点击计数器]跨度{
颜色：#f00；
}

---

Web UI还将此生成的CSS文件的链接添加到您的主HTML文件中。

“注意：范围样式还不受支持。”因此，这只是我假设的创建范围样式的黑客解决方法（？）。我想当实际的范围样式开始工作时，这个页面将被更新。有人会假设，当它受到支持时，它会自动确定所编写的css的范围。