CSS ориентируется на конкретные изображения

Question

Я ищу способ нацеливания на конкретное изображение с помощью CSS, если это вообще возможно.

Я использую CMS, где пользователи могут загружать изображения и размещать их на своих страницах. Мне нужен способ нацеливания на изображения с определенными размерами.

Итак, вопрос в том, можете ли вы сделать так, чтобы линия css предназначалась для изображения или объекта с определенными размерными характеристиками ?

Я хотел бы представить что-то вроде:

img#width:400px { float :left; }

(чтобы изображения шириной 400 пикселей имели float: left)

Я знаю, что мог бы присвоить изображению класс или идентификатор, но оно было бы потеряно, когда клиент играет в cms.

Answer 1

img[width="400"]{
   float:left;
}

Это сделает любое изображение с атрибутом равным 400 с плавающей запятой влево:

<img src="image.jpg" width="400" />

Примечание: это будет работать, только если установлен атрибут ширины.Не будет работать, если изображение имеет ширину 400 пикселей, но не имеет установленного атрибута ширины.

Answer 2

Согласно спецификации это должно работать

img[width=400]

, но я не пробовал