Javascript HTML：我应该将样式放在内部元素还是周围的div元素上？

在HTML代码或某些模板代码中，通常我应该将样式放在哪里？在内部特定元素上还是在周围的div元素上？和/或它是否有任何区别（例如，它是否总是在div上工作，还是仅在某些特定元素上工作？）

下面是一个例子，cursor:pointer的样式类“cPointer”可以在div和图标上工作

但什么是更好的方法，或者有一个普遍的规则

<div id="apps-trash-<%- el.id %>" data-index="<%- el.id %>" class="${data.editMode ? 'showMode' : 'hideMode'} s-apps-trash" >
   <i class="t--Cancel cPointer"></i>
</div>

---

它不应该影响整个DIV。我认为在您的场景中发生的是您的I的innerHTML是DIV中唯一占用所有空间的内容。尽管如此，我不能保证没有CSS的其余部分

仅包含i内容的示例：

.cPointer{
光标：指针；
}

指针

我明白了。。图标也应该是唯一具有光标指针的对象。。如果另一个对象出现在div中，那么它不应该具有该样式，所以是有意义的；）