我有一个带有CSS样式的图。它的宽度是在WordPress中设置的，所以我需要使用php来应用它。
起初，我通过在HTML中添加一些内联CSS来应用宽度。即使对于一个页面上的几个图形，这也能很好地工作。但当我想添加响应性时，内联CSS会覆盖媒体查询并破坏响应性。因此，我决定将PHP变量直接应用于CSS，如下所述：
http://css-tricks.com/css-variables-with-php/
问题是当以下情况发生时：
我有一条规则：
.graph {
width: <?php echo $graph-width; ?>;
}
使用这个类，我在一页上有3张图。每个图形都有不同的宽度在WordPress管理面板中指定。
如何将PHP中存储的这些不同宽度应用于页面上的所有3个图。
请注意，我永远不知道一页上会有多少张图。
我现在没有时间对此进行测试，但这里的方法可能有效。用另一个包含递增数字的类创建div，即container-1、container-2、container-n。
然后使用jQuery，你可以做这样的事情：
var i = 1;
function widthAdder() {
if(i % 2 === 0) { //this is every second element
$('.container-' + i).css(width: "100px"); //here you set the width
i++;
} else if (i % 3 === 0) { // this is every third
$('.container-' + i).css(width: "150px"); //here you set the width
i++;
} else { //this is every first
$('.container-' + i).css(width: "200px"); //here you set the width
i++;
}
}
widthAdder();
希望这能有所帮助。