为什么Polymer会自动将类添加到子元素?
嵌入时,我发现中的每个子元素都添加了一个类名,与组件名相同。聚合物设计为什么会这样?有什么考虑吗?我怎样才能避免这种情况 e、 g: 浏览器中的dom结构为:为什么Polymer会自动将类添加到子元素?,polymer,Polymer,嵌入时,我发现中的每个子元素都添加了一个类名,与组件名相同。聚合物设计为什么会这样?有什么考虑吗?我怎样才能避免这种情况 e、 g: 浏览器中的dom结构为: <my-greeting class="x-scope my-greeting-0"> <h2 class="page-title style-scope my-greeting">Welcome!</h2> <span class="paper-font-body2 style-scop
<my-greeting class="x-scope my-greeting-0">
<h2 class="page-title style-scope my-greeting">Welcome!</h2>
<span class="paper-font-body2 style-scope my-greeting">Update text to change the greeting.</span>
<!-- Listens for "input" event and sets greeting to <input>.value -->
<input class="paper-font-body2 style-scope my-greeting">
</my-greeting>
“我的问候语”中的每个子元素都有一个类名“我的问候语”。这就是当不支持阴影DOM时,它们如何弥补css隔离的不足 在Chrome中,您必须手动启用polymer的本机ShadowDOM使用,您将看不到这种行为。加
window['Polymer'] = window['Polymer'] || {};
window['Polymer']['dom'] = 'shadow';
在您的页面上包含聚合组件之前,您将获得本机的shadow dom支持。这是当不支持shadow dom时,它们如何聚合缺少css隔离的问题 在Chrome中,您必须手动启用polymer的本机ShadowDOM使用,您将看不到这种行为。加
window['Polymer'] = window['Polymer'] || {};
window['Polymer']['dom'] = 'shadow';
在页面上包含聚合物组件之前,您将获得本机shadow dom支持。Chad的答案是正确的
我查看了Polymer的源代码,找到了执行此操作的源代码:。这个函数有一个注释:给定一个cssText字符串和一个作用域字符串作用域,返回一个作用域css字符串,其中每个选择器被转换为包含一个从该作用域创建的类。ShadowDOM选择器也被转换,例如:host以使用作用域选择器。Chad的答案是正确的
我查看了Polymer的源代码,找到了执行此操作的源代码:。这个函数有一个注释:给定一个cssText字符串和一个作用域字符串作用域,返回一个作用域css字符串,其中每个选择器被转换为包含一个从该作用域创建的类。ShadowDOM选择器也进行了转换,例如:host以使用作用域选择器。这就是它的工作原理,我相信这与Shady DOM的CSS处理有关。它还做各种其他汽车电子产品。为什么这对您来说是个问题?这就是它的工作原理,我相信这与Shady DOM的CSS处理有关。它还做各种其他汽车电子产品。为什么这对你来说是个问题?谢谢你的回答。谢谢你的回答。