CSS селектор для не-HTML атрибутов

Question

Я знаю, что для стандартных атрибутов html есть селекторы CSS: span[class="example"]

Но я хотел бы знать, есть ли селекторы для атрибутов CSS, например, span[background-image].

Обновление:
Прочитав некоторые комментарии и ответы, я лучше объясню причину этой «странной» необходимости. Я хотел бы найти все элементы, для которых background-image установлено что-либо кроме undefined / empty, чтобы применить к ним стиль. Предполагается, что я не могу контролировать существующие встроенные / глобальные стили, только добавляю свою собственную глобальную таблицу стилей.

Answer 1

Вы можете проверить наличие встроенных стилей:

span[style*="background-image"]​{}​

Демо

Answer 2

номер

Это было бы слишком дорогим правилом для браузера. Поскольку вы, скорее всего, устанавливаете background-image в других классах css, было бы довольно просто нацелить их явно (также не используя span [class = "example"] , но span. пример вместо)

Также, как вы отметили в комментариях к другому ответу, правила типа

span[style*="background-image"]​{}​

будет применяться только к встроенным стилям, и вас ждет кошмар, если вы будете искать их по значению, как это так

span[style*="background-image: url(potato.png)"]​{}​

Задан ли фон явно или с помощью сокращенного свойства, например background: #fff url (potato.png); Я ввел там пробел или нет? Капитализация, может быть, это .PNG ?

Answer 3

Попробуйте встроенный метод CSS.

span[style="background-image:url('YourImagePAth')]