如何在ui中重用代码：包含特定的ID？

Question

如果我想重用像

这样的代码

#photos img {
  width: 100% ;
  height: auto;
}
@media only screen and (min-device-width: 1080px) {
#photos {
   line-height: 0;
   -webkit-column-count: 5;
   -webkit-column-gap:   0px;
   -moz-column-count:    5;
   -moz-column-gap:      0px;
   column-count:         5;
   column-gap:           0px;
}
#photos img {
  width: 100% ;
  height: auto;
}
@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}
}

使用'<p:inputText id="[id]"/> <p:commandButton update="[id]"/> ，例如

ui:include

我需要<ui:include src="[same source]"/> <ui:include src="[same source]"/> 上的唯一ID，我可以手动指定为p:inputText到f:param。有没有办法自动化这个 - 我想象一下包含上下文或类似内容的唯一值？

我根据迭代索引阅读了declaring ids in ui:repeat and other similar structures /，但在这些情况下，可以清楚地了解重复使用的上下文。