是否有可能在CSS中推广样式？

Question

目前我将样式定义为：

.style1 { background-image: url("../images/kitten1.jpg"); }
.style2 { background-image: url("../images/kitten2.jpg"); }
.style3 { background-image: url("../images/kitten3.jpg"); }

并在HTML中使用它：

<div class="style1"></div>
<div class="style2"></div>
<div class="style3"></div>

我删除了crud，但实际上除了background-image的url字符串之外，样式都是相同的。如果我需要很多这样的风格，如果我想对所有这些风格进行一些小改动就会变得烦人。

快速搜索SO表示无法将参数传递给CSS，因为它不与HTML交互。但是，我想知道是否有任何方式我可以将网址传递给只有一种风格，即：

.style { background-image: url(url_string); }

并将其应用于HTML，例如：

<div class="style" url_string="../images/kitten1.jpg"></div>
<div class="style" url_string="../images/kitten2.jpg"></div>
<div class="style" url_string="../images/kitten3.jpg"></div>

使用HTML，CSS，JQuery，LESS，SASS等？