Да, самый простой вариант - использовать переменные в шаблоне, как вам посоветовал Максим Зайцев.
Также можно сделать через модификаторы MODX, который будет проверять id страницы и подключать нужный style, например подключить в
<head> после главного стиля конструкцию:
[[*id:is=`1`:then=`<style>.class {background: url('1.png')};</style>`:else=`<style>.class {background: url('2.png')};</style>`]]
причем в esle еще можно разместить модификатор.
Еще вариант - подключить в
<head> после главного стиля конструкцию:
<link rel="stylesheet" href="page_[[*id]].css" type="text/css" />
, т.е. MODX будет генерить ссылку на файл css с именем page_(id ресурса текущей страницы), а файлы css для нужных страниц создаете, например, page_12.css, page_23.css и т.д.
