html - chrome 中的奇怪样式

Question

我在 chrome v. 39.0.2171.95m 中发现了一些奇怪的内置样式:

::content div[id^="cpa_rotator_block"], ::content div[id^="rtn4p"], ::content div[id^="sblock_inform_"], ::content img[width="120"][height="600"], ::content img[width="160"][height="600"], ::content img[width="468"][height="60"], ::content img[width="728"][height="90"], ::content noindex > .search_result[class*="search_result_"], ::content .a-buttons.blue-but.a-check, ::content .a-buttons.green-but.a-clock, ::content div[style="width: 252px; height: 450px; position: fixed; right: 0px; top: 0px; overflow: hidden; z-index: 10000;"], ::content #pgeldiz, ::content .rbcobmen, ::content #banner.b-banner__content, ::content .b-spec-adv, ::content .serp-adv, ::content .spec-adv, ::content .stat_pixel_yes[onclick][class*="_layout_"][class*="_format_"], ::content .min-width-normal > #popup_container, ::content .min-width-normal > #popup_container ~ #fade {

display: none;

}

有人知道它们是干什么用的吗？我无法更改它，因为 chrome 会返回该样式和规则，它甚至不会中断 display: block !important

附言这就是 AdBlock。

Answer 1

它最常用于正则表达式中指定字符串的开头。

如果我们想要定位所有具有以 http 开头的 href 的 anchor 标记，我们可以使用类似于下面显示的代码段的选择器。

a[href^="http"] {
   background: url(path/to/external/icon.png) no-repeat;
   padding-left: 10px;
}

Useful Link - 见第 13 条