可以获取元素属性来分配 css?

Question

是否可以加快我的代码，以便css抓取ID或名称，然后在背景图像中使用它？

<style>
.theClass{ background-image('imageof'{thisName}'.jpg'}
</style>
<div class=theClass name=dog></div>
<div class=theClass name=bird></div>
<div class=theClass name=beach></div>

Answer 1

你可以用JS来实现这个东西——

document.querySelectorAll('.theClass').forEach(div => {
div.style.backgroundImage = `imageof${div.name}.jpg`;
});

<div class=theClass name=dog>1</div>
<div class=theClass name=bird>2</div>
<div class=theClass name=beach>3</div>