對一小部分標簽完成CSS重置

Question

我正在開發一個Firefox擴展，它將HTML片段和片段注入用戶通常瀏覽的網頁中。 需要在用戶可能訪問的所有可能頁面上正確且一致地設置這些片段的樣式。 這意味着CSS規則應覆蓋任何Web開發人員可能想到的所有可能的修改。 同時，在注入的標記中僅使用了HTML元素的一小部分： div, a, p, span, table, tr, td 。

我想要的是一個完整的CSS Reset樣式表，它將處理主機頁面可能對注入的標記造成的所有可能的入侵。 有這樣的樣式表嗎？

需要說明的是：我想確保以下規則不會p { transform: rotate(7.5deg); }我注入的標記： p { color: red }或p { transform: rotate(7.5deg); } p { transform: rotate(7.5deg); }

Answer 1

使用此樣式表，可以將“標准樣式”區域包裝在一個未重置的類中。 問題是您需要將樣式表與HTML一起注入。

https://github.com/jbcrawford/Un-ResetStylesheet

Answer 2

如果這僅適用於Firefox，則可以使用https://developer.mozilla.org/en-US/docs/DOM/window.getDefaultComputedStyle構造此樣式表...