Question

对于搜索字段，我像这样添加didiv div子节点：

    <div id="recommand" class="recommand"></div>

    data.result.forEach(function(entry) {
            let cont: rcommand;
            cont.username = entry[0];
            const x = document.getElementById('recommand') as HTMLInputElement;
            const blocktoinsert = document.createElement( 'div' );
            blocktoinsert.innerHTML = cont.username;
            x.appendChild(blocktoinsert);
          });

    .recommand div{
      background-color:red;
    }

，但不应用背景色。知道为什么吗？

谢谢！

Answer 1

您使用的HTML风格定位方式错误。

这是正确的：

div.recommand {
  background-color: yellow;
}

如果上述工作不可行，请尝试以下操作：

.recommand > div选择所有<div>元素，其中父元素是.recommand元素。

.recommand + div选择位于<div>元素之后的所有.recommand元素。

如果我写错了，请写评论。

为什么样式不应用于特定类的子节点？

1 个答案: