可以而且应该为自定义元素设置样式

pow*_*uoy 5 css custom-element aurelia

通常当我创建一个自定义元素时,我将其包装在一个section或其他适当的HTML元素和样式中,但这会导致DOM看起来像custom-element > section.

我的问题是,删除section并简单地将其custom-element视为根元素和样式是错误的吗?

例如,我有一个自定义元素调用tabs,现在当它使用DOM结束时看起来像,tabs > div.tabs但我更愿意删除该div.tabs元素,如果没有任何问题.

所以我的问题是设置我的自定义元素并将它们视为任何其他HTML元素是"错误的",或者我应该继续完全忽略我的自定义元素(即使在使用>和其他选择器时很难这样做)?

Dwa*_*ton 6

样式化自定义元素绝对没有问题.为了让您放心,自定义元素是有效的HTML,除非您支持的浏览器少于Internet Explorer 9,否则您需要做一些额外的工作才能让浏览器识别它们.

我一直在定制自定义元素,我甚至还设计了Aurelia的<router-view>自定义元素.