css - 可以而且应该设计自定义元素的样式

标签 css aurelia custom-element

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

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

例如,我有一个名为 tabs 的自定义元素,现在使用它时 DOM 最终看起来像 tabs > div.tabs 但我更愿意删除div.tabs 元素(如果没有问题的话)。

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

最佳答案

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

我一直为自定义元素设计样式,我什至为 Aurelia 的 <router-view> 设计样式自定义元素也是如此。

关于css - 可以而且应该设计自定义元素的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42247855/

相关文章:

html - 自定义元素名称可以包含 Unicode 吗?

css - 如何避免使用 CSS 进行中间链接自动换行?

javascript - 使用 jQuery 预激活链接

azure-devops - Aurelia 在 VSO 托管构建 Controller 上构建

javascript - Aurelia 以 PHP 传递的参数开头

javascript - 扩展每个 html 元素

html - chrome 上的复选框问题

c# - 我如何找到元素颜色;切换时我需要检查的元素会更改颜色

html - 为什么我的 CSS 样式会覆盖我的内联样式?

css - Aurelia:样式表已加载但未删除