Adblock. Добавить класс CSS или удалить атрибут из элемента

Question

Можно ли добавить правило css к элементу на какой-то странице с помощью adblock? Что-то вроде этого

#myElement {
    color: white !important;
}

Я попытался найти скрипт, который обновляет стиль этого элемента при загрузке страницы, но кажется, что это не лучший способ.

Answer 1

Я не думаю, что AdBlock может изменить свойства CSS, но вы можете использовать расширение как Stylish (доступное для Firefox и Chrome), чтобы сделать это.

Answer 2

Это возможно сделать на uBlock Origin и Adguard (насколько я знаю). У каждого есть свой синтаксис для правил стиля, но uBlock способен понимать и то, и другое.

---

Вот пример правила CSS, которое меняет фон Twitter:

twitter.com#$#body.logged-in{ background-color: #8c8787 !important; }

Фильтры стиля должны быть сконструированы так:

<domain> + #$# + <selector> + { <style> }

Просто не помещайте пространство между селектором и открывающей скобой. Потому что это может доставить вам неприятности. Ссылка:

https://github.com/gorhill/uBlock/wiki/Static-filter-syntax https://adguard.com/en/filterrules.html

Answer 3

Другие ответы не работали для меня, но есть способ изменить стиль элемента:

example.com##h1:style(background-color: blue !important)

Не используйте фигурные скобки.

Также есть некоторая документация по GitHub.

Answer 4

Для AdBlock Plus вы можете попробовать следующее:

      ##.ytp-pause-overlay, .ytp-scroll-min
##.html5-endscreen, .ytp-player-content, .videowall-endscreen, .ytp-endscreen-paginate, .ytp-show-tiles
##.ytp-endscreen-content

Это должно отключить показ рекламы во время паузы и рекомендуемых видео в конце видео.

PS: Ах .. это не предмет вопроса .. это удаляет класс из элемента div. Ну может кому пригодится, удалить лишние блоки в плеере Youtube.