Как выбрать элемент с определённым стилем?

Question

[dollar]

Например, нужен селектор для всех элементов, у которых есть фоновое изображение (т.е. указан background-image). Но не какой-то конкретный url, а любой, т.е. когда этот стиль в принципе задан у элемента. И не важно, как задан: inline, или через class, или вообще скриптом.

Или, например, нужны все элементы с шириной width: 200px.

Comments

[Ярослав Иванов]

Никак.

[Aetae]

Ты же понимаешь, что такая хрень, будь она возможна, могла бы вызывать бесконечные циклы и рекурсии?
Js'ом можно что-то накостылять, но это будет очень жирное и очень мерзкое решение.
В любом случае нет ни одного адекватного варианта, когда такое могло бы действительно понадобиться.

[Дима Долготер]

ты что-то намудрил. скажи что надо и мы подумаем как помочь

[dollar]

Дима Долготер, на самом деле просто замечаю, что всё больше сайтов хитрят с вставкой рекламы в свой контент: динамичная структура, хешированные классы и id и т.д. Иногда чуть ли ни единственное, за что можно зацепится, это конкретные стили или их наличие.

Думал, может, в спецификации всё же есть селектор для этого. Искал, но не нашел. Отсюда и вопрос. Хотел, так сказать, пойти по простому и быстрому пути блокировки этой нечисти.

[Дима Долготер]

dollar, ты хочешь рекламу убрать или что?

[dollar]

Дима Долготер, да

[Дима Долготер]

dollar, адблок в помощь) ты можешь указать ему что выбиратьв качестве рекламы

[dollar]

Дима Долготер, спасибо кэп :) Адблок как раз и принимает css селекторы в качестве правил.

[Дима Долготер]

dollar, так в чем твоя проблема? просто тыкнул стрелкой и все блок скрылся

[Дима Долготер]

dollar,

[dollar]

Дима Долготер, например, адбок предложит идентифицировать блок по названию класса. А название какое-нибудь динамическое типа "JdpsioaERx", и каждый раз меняется, так что правило работать не будет. Есть много ухищрений, на которые нынче идут владельцы сайтов, особенно крупных, чтобы обойти адблокеры.

Answer 1

[Вадим]

Или, например, нужны все элементы с шириной width: 200px.

Если вам в академических целях, то как-то так:

Array.prototype.filter.call(document.querySelectorAll('*'), function(element){
  const style = window.getComputedStyle(element).width
  return style && style === '200px'
})

Если в проект хотите это поставить, то я бы предложил Вам ,как минимум, не брать за это никаких денег.
А лучше ещё и заплатить заказчику и извиниться.

Comments

[dollar]

Спасибо, но я имел в виду через CSS.
Скриптом-то всё можно, это понятно.

[Вадим]

через css только если стиль будет прописан в атрибуте style.
Тогда через селектор [style*='width: 200px'], [style*='width:200px'](С пробелом и без пробела.)
Но это не даёт гарантий что эти стили в конечном итоге применяются к элементу, так как их может перебивать important в другом источнике стилей.