css - 将 div 标签注入(inject)每个 <a> 链接

标签 css dom google-chrome-extension

我正在研究浏览器扩展,它使用注入(inject)的 javascript 在每个链接下方显示一些信息。我想在里面使用带有小图标和标签的颜色 div block 。问题是有些页面会覆盖我注入(inject)的元素的默认 CSS 样式,也不确定所有 block 的位置是否正确(在它们的链接下方)。我正在使用 Chrome。有什么建议可以用于任何页面标记吗?

最佳答案

!important 在我看来是最后的手段。

我首先建议如下:

  1. 向 div 标签添加不同的 CSS 类,这样其他 CSS 文件就无法覆盖它。示例:yourextensionname-label 可以是 div 标签的类名。
  2. 最后加载您的 CSS 文件。
  3. 如果上述方法失败,请使用内联样式。

关于css - 将 div 标签注入(inject)每个 <a> 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9419364/

相关文章:

css - 导入 LESS 中的 css 文件与 wordpress 中的排队样式

html - 我如何为移动设备设置最小宽度并且不更改 Bootstrap 3 中的视口(viewport)?

javascript - Chrome 扩展程序化 UI 注入(inject)

javascript - 为什么我的 Chrome 扩展中从未收到过 onCreated 事件的选项卡会收到 webNavigation.onCompleted 事件?

google-chrome - chrome 插件 css 注入(inject)

javascript - 为什么我的文本在移动设备 View 上没有响应?

html - 使 div 100% 宽度,内容区域两侧的边距相等

javascript - 选择一个给定存储在字符串中的 div 名称的对象

javascript - 如何在点击链接之前显示 (DOM) 消息

javascript - node.js - 使用 cheerio 解析具有多个表的 html 页面中的特定表