子类上的className影响父元素

Question

我正在构建卡对象，并且希望它具有在CSS中定义的className .card，如下所示：

.card img{position:absolute; width:150px; height:160px}

这意味着我只希望div内的图像相互覆盖，而不希望div本身。每次创建2张或更多张卡，它们便会相互覆盖，就好像它们具有position: absolute属性一样。

我的JavaScript代码：

  this.add = function()
  {
    console.log("add");
    this.container.appendChild(this.backImg);
    this.container.appendChild(this.frontImg);
    this.container.className = "card";
    document.body.appendChild(this.container);
  };
};

var card1 = new Card(1);
card1.add();

Answer 1

以相同的方式将相同宽度和高度的图像应用于容器卡：

.card { position: relative; width:150px; height:160px }