阴影DOM重置样式表
阴影DOM重置样式表
提问于 2015-08-15 03:56:11
我希望我正在制作的应用程序在全球范围内使用reset.css。我也希望它能穿透所有的影子根，但特异性很低。我怎样才能做到这一点？
假设我的reset.css包含如下内容：
li, ::shadow li {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}然后我的自定义元素有一个模板，类似于：
<template>
<style>
li {
padding: 10px;
}
<style>
<ol>
<li>Foo</li>
<li>Bar</li>
<li>Baz</li>
</ol>
</template>我的问题是模板的li选择器没有足够的特异性来击败::shadow li。我不想在每个定制元素中重复自己。我想我可以在每个<link>中添加一个<template>，但是这样我就会再次重复自己的话。我也可以让JavaScript注入<link>，但我不确定这是最好的方法。
我还能用什么其他方法来使用reset.css，它可以穿透影子根，但没有什么特异性？
回答 1
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32021367
复制相关文章
相似问题
腾讯云开发者
