1

我有一个应用程序，我允许用户在他们的网站上添加一段代码，这反过来又在网站上添加了一个小部件，允许他们的用户与应用程序进行交互等。

我现在正在做的是将我所有的 html 放在他们放置在网站上的容器中，并且（希望）具有唯一的 ID。让我们说 ts 容器。然后，在网站上加载的用于设置元素样式的 css 中，我将 #ts-container 放在样式表中每个选择器的前面。这是保护我的 css 不影响其页面元素的最佳且唯一的方法，还是有某种方法可以包装整个样式表而不必实际标识每个类？有没有办法将样式表放在包装容器中并让它只影响那些元素或其他东西？我应该在 iframe 或类似的东西中这样做吗？

只是寻找一些建议，以防我在我的情况下错过了最佳实践。

4

1 回答 1

0

您可以对 CSS 进行子重置：

#ts-container * {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: normal;
    background-color: white;
    color: black;
}

您可能需要输入一些额外的样式，但这应该可以防止父文档中的任何 CSS 影响您的小部件。

iframe不过，s 是一种更简单的方法。是否使用它们是一种设计选择。

于 2012-09-25T13:47:20.500 回答