gpt4 book ai didi

javascript - 以编程方式从单个 HTML 元素中删除 CSS 样式规则

转载 作者:太空宇宙 更新时间:2023-11-03 21:46:37 25 4
gpt4 key购买 nike

我想在我的文档中添加一些完全没有样式的 HTML 元素。但我需要确保这些元素看起来不会因元素、网页或其他任何内容而有所不同。这些元素将通过 Javascript 插入到页面中,并将成为 SPAN。

我的想法是将 SPAN 添加到文档中的文本片段样式中。但是之前可能已将某些样式添加到 SPAN 元素中,这将改变我期望的结果。

让我们假设我正在编写一个 Widget,你们中的任何一个都可以在自己的网页中使用它。这就是为什么我不能直接更改元素样式的原因,比如直接更改样式表。该解决方案必须通过 Javascript 实现。不需要 JQuery。

<head>
<style>
span{
font-weight: bold;
/*anything else goes below*/
}
</style>
</head>

<body>
<span class='a_regular_span'>This text must be bold and anything else</span>
<span>This text must have only the CSS rules I applied by Javascript, and must not inherit the rules for all SPANs in the page</span>
</body>

有什么想法吗?

最佳答案

So let's assume I'm writing a Widget and any of you could be using it in your own webpages. This is why I can't do much to change the elements' style directly

您可以将 style 元素与 scoped 一起使用属性。这样您就可以只设置元素的样式,而不会影响页面的其他部分。

但请注意,旧浏览器不支持它。

如果您不希望页面样式影响您的元素,请参阅 How can I prevent CSS from affecting certain element?

关于javascript - 以编程方式从单个 HTML 元素中删除 CSS 样式规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20274041/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com