子类上的className影响父元素

Question

Im building a card object and I want it to have the className .card which is defined in css like this:

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

which mean I want only the images inside my div to cover each other and not the div's themselves. Every time a create 2 or more cards, they cover each other as if they had the position: absolute property.

My JavaScript Code:

  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 }