Добавить класс изображениям
 

Как добавить класс изображениям. Есть сайт в котором автор в визуальном редакторе добавляет картинки, все что на данный момент есть уже прописаны классы в коде, те что добавляются в визуальном редакторе естественно этого класса не имеют. Как сделать чтоб всем добавленным в редакторе изображениям добавить класс, например class="first"?

Берешь копируешь код и вставляешь в Sublime Text.
Далее либо производишь замену, например <img на <img class="first", либо выделяешь <img и жмешь до упора Ctrl+D пока не выделятся все фрагменты, далее вписываешь класс. Копируешь код обратно. Вот только не проще ли подправить css чтоб избавиться от необходимости прописывать класс картинкам?

Я то могу в коде вставить класс, а человек который будет добавлять статьи полный ноль, надо чтоб он вставил изображение и ему автоматом присвоился класс. Он это будет делать в визуальном редакторе и там класс он присвоить не сможет(не умеет, а учиться не захочет ему за 60)

класс нужен для работы плагина fancybox

Тогда либо кури доки к редактору (возможно придется писать плагин), либо убери к чертям этот класс. пиши стили прямиком для img {}

сайт на битриксе

Используй значит селектор не по классу, а по какому нибудь атрибуту.
И ты наверно недоговариваешь. Случайно не ссылке ли тебе нужно класс проставить? <a class="first" href="image.jpg"><img src="thumb.jpg" /></a> ? Не, не так? А как тогда?

класс нужен для инициализации плагина

Именно так

a[href$=.jpg], a[href$=.jpeg] - вот селектор для таких ссылок

Как это прописать в хедере?

Kerovan, а вот это уже думай сам

вместо:

.first {
   ...
}

пиши:

.first, a[href$=.jpg], a[href$=.jpeg] {
   ...
}

В css класс никак не прописан, он только для инициализации fancybox
Для ссылки свои стили. Надо чтоб при добавлении любого изображения в html добавлялся класс
Пример:
<a href="ссылка на картинку" class="first" ><img src=""